/*===css rester start===*/
html,
body,
p,
div,
ul,
ol,
li,
i,
span,
em,
strong,
a,
abbr,
article,
address,
aside,
audio,
blockquote,
canvas,
caption,
cite,
code,
dl,
dt,
dd,
del,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
nav,
pre,
ins,
label,
legend,
map,
mark,
object,
optgroup,
option,
q,
section,
video,
table,
tr,
td,
thead,
tbody {
	margin: 0;
	padding: 0;
}

a,
button,
input,
button {
	-webkit-tap-highlight-color: rgba(242, 249, 244, 0.4);
}

html {
	font-size: 10px;
}

body {
	font-family: "Microsoft YaHei", "Arial";
	line-height: 1;
	color: #7eb4ff;
	-webkit-overflow-scrolling: touch;
}

body1 {
	font-family: "Microsoft YaHei", "Arial";
	line-height: 1;
	color: #7eb4ff;
	-webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
/*===max-width: 100%;===*/
img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	border: none;
	vertical-align: middle;
}

b,
strong {
	font-weight: normal;
}

a {
	color: #fbffff;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a:active {
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

i {
	font-style: normal;
}

input,
button {
	font-family: "Microsoft YaHei", "Arial";
	border: none;
	outline: none;
}

select {
	outline: none;
}

button {
	cursor: pointer;
	/*background-color: #f9841d;*/
	color: #333;
	font-size: 1.4rem;
	border-radius: 5px;
}

button:hover {
	background-color: #e4e5ee;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

input,
select,
textarea {
	-webkit-appearance: none;
	/*去除input默认样式*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
}

/*去除input默认箭头*/
.clearfloat:after {
	content: "\200B";
	display: block;
	height: 0px;
	clear: both;
}

.clearfloat {
	zoom: 1
}

.fl {
	float: left;
}

.fr {
	float: right;
}

h1,
h2,
h3 {
	color: #333;
}

p {
	color: #808080;
}

/*===css rester end===*/
body {
	/* 	cmin-width: 1180px; */
	/* 	max-width: 1920px; */
	margin: 0 auto;
}

div,
li,
p {
	box-sizing: border-box;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
}

header .nav {
	max-width: 1480px;
	min-width: 1180px;
	height: 110px;
	margin: 0 auto;
	position: relative;
}

.nav-top {
	width: 99%;
	padding: 13px 0;
	text-align: right;
}

.nav-top a {
	display: inline-block;
	font-size: 1.4rem;
	color: #b2b2b2;
	padding: 0 18px;
	border-left: 1px solid #B2B2B2;
}

.nav-top a:first-child {
	border: none;
}

.nav-top .area {
	background: url(../images/area.jpg) right no-repeat;
	padding-right: 30px;
	margin-right: 10px;
}

/*===logo和首页===*/
.nav-con {
	position: relative;
	margin-top: 11px;
}

.nav-con .logo {
	display: inline-block;
}

.nav-con .menu {
	position: absolute;
	bottom: 0;
	top: 3px;
	left: 0;
	width: 100%;
	clear: both;
}

.nav-con .menu .menu-con {
	display: table;
	margin: 0 auto;
}

.nav-con .menu .menu-con a {
	display: inline-block;
	font-size: 1.4rem;
	color: #62cfff;
	margin: 0 18px;
	padding-bottom: 24px;
	border-bottom: 2px solid transparent;
}

.nav-con .menu .menu-con .current,
.nav-con .menu .menu-con a:hover {
	border-color: #f9bc37;
}

.scrolled .nav-con .menu .menu-con a {
	padding-bottom: 18px;
}

/*===导航-右侧===*/
.nav-right {
	margin-top: -18px;
	margin-right: 40px;
	margin-bottom: 12px;
	position: relative;
	z-index: 2;
}

header .scrolled {
	height: 65px;
}

.scrolled .nav-con {
	margin-top: 0;
}

.scrolled .nav-con .logo {
	width: 55px;
	height: 33px;
	margin-top: 7px;
}

.scrolled .nav-con .logo img {
	padding-top: 7px;
}

.scrolled .nav-con .menu {
	top: 30px;
}

.wrap {
	min-height: 550px;
	padding-top: 110px;
}

/*===搜索框===*/
.search {
	display: inline-block;
}

.search-con {
	position: relative;
	top: -3px;
	width: 30px;
	height: 28px;
	border: 1px solid transparent;
	border-radius: 50px;
}

.active .search-con {
	width: 224px;
	border-color: #fff;
	-webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570)
}

.search-con input {
	display: inline-block;
	background-color: transparent;
	width: 150px;
	padding: 5px 20px;
	color: #fff;
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.active .search-con input {
	opacity: 1;
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

.search-con .search-input {
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 10px;
	cursor: pointer;
	background: url(../images/search.png) no-repeat;
	width: 16px;
	height: 17px;
}

.search-con .search-input:hover {
	background: url(../images/search.png) no-repeat;
}

.active .search-con .search-input:hover {
	background: url(../images/search.png) no-repeat;
}

/*===个人中心图标===*/
.nav-right .personal {
	display: inline-block;
	position: relative;
}

.nav-right .personal .personal-img {
	display: block;
	width: 1px;
	height: 17px;
	background: url(../images/personal2.png) no-repeat;
	margin-left: 24px;
	margin-right: 40px;
}

.nav-right .personal .personal-img:hover {
	background: url(../images/personal2.png) no-repeat;
}

/*===个人中心下拉菜单===*/
.personal-con {
	position: absolute;
	width: 150px;
	height: 0;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	border-radius: 4px;
	top: 110px;
	right: 40px;
	box-shadow: 0 10px 30px rgba(248, 249, 255, 0.6);
	z-index: 30;
}

.personal-con ul {
	padding: 20px 0;
}

.personal-con li {
	padding: 0 46px;
}

.personal-con li a {
	display: block;
	font-size: 1.4rem;
	color: #333;
	padding: 17px 0;
}

.personal-con li a:hover {
	color: #f9751d;
}

.personal-con .personal-separation {
	border-top: 1px solid #f0f0f0;
}

/*===购物车图标===*/
.nav-right .shopping {
	position: relative;
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/gouwu.png) no-repeat;
}

.nav-right .shopping:hover {
	background: url(../images/gouwu.png) no-repeat;
}

.nav-right .shopping span {
	position: absolute;
	top: -7px;
	left: 8px;
	display: block;
	font-size: 12px;
	color: #fff;
	padding: 2px 5px;
	background-color: #f99a24;
	border-radius: 50px;
}

/*===购物车提示===*/
.shoppingCart {
	position: absolute;
	top: 110px;
	right: 20px;
	width: 359px;
	height: 0;
	overflow: hidden;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.shoppingCart li {
	padding: 20px;
}

.shoppingCart li img {
	width: 80px;
	height: 80px;
	float: left;
	border-radius: 4px;
}

.shoppingCart li h2,
.shoppingCart li h3 {
	font-size: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 10px;
}

.shoppingCart li h2 {
	color: #000;
}

.shoppingCart li h3 {
	padding-top: 0px;
	color: #666666;
}

.shoppingCart li p {
	font-size: 1.4rem;
	color: #979797;
	padding: 0 10px;
	padding-top: 15px;
	padding-bottom: 8px;
	overflow: hidden;
}

.shoppingCart li p span {
	color: #f99302;
	padding-right: 10px;
}

.shoppingCart-con dl {
	display: inline-block;
	padding: 20px;
}

.shoppingCart-con dt {
	font-size: 1.4rem;
	color: #000;
}

.shoppingCart-con dd {
	font-size: 1.6rem;
	color: #f99302;
	margin-top: 15px;
}

.shoppingCart-con button {
	width: 118px;
	height: 42px;
	float: right;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 20px;
}

.no-shoppingCart {
	text-align: center;
	padding: 0 25px;
}

.no-shoppingCart h2 {
	font-size: 1.6rem;
	padding: 40px 0;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom: 20px;
}

.no-shoppingCart button {
	width: 100%;
	height: 42px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 25px;
}






.return-top {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 10%;
	width: 40px;
	height: 40px;
	background: url(../images/top.png) no-repeat;
	z-index: 998;
}

.return-top:hover {
	background: url(../images/top.png) no-repeat;
}


.footer {
	width: 100%;
	/* background-color: #0d0d0d;*/
	margin: 0px auto;
}

.footer .footer-con {
	/* max-width: 1480px; */
	/* min-width: 1180px; */
	margin: 0 auto;
	padding: 20px;
}

.footer dl {
	/* float: left; */
	width: 100%;
	margin-bottom: 15px;
}

.footer dl dt {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.footer dl dd {
	font-size: 12px;
	line-height: 1.7;
	display: inline-block;
}

.code div {
	display: inline-block;
	text-align: center;
	margin: 0 13px;
}

.code div p {
	font-size: 12px;
	padding: 10px 0;
}

.certificate {
	/* max-width: 1480px; */
	/* min-width: 1180px; */
	/*    text-align: right; */
	font-size: 12px;
	margin: 0 auto;
	/* margin-top: 60px; */
	padding: 20px;
}

.certificate a {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}


.footerConcern-us {
	margin-right: 10px;
	position: relative;
}

.footerConcern-us h2 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	/* text-align: right; */
}

.footerConcern-us ul {
	/* text-align: right; */
	margin: 18px 0;
}

.footerConcern-us ul li {
	display: inline-block;
	margin-left: 10px;
	position: relative;
	cursor: pointer;
}

.footerConcern-us ul li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.49);
	top: 0;
	left: 0;
	border-radius: 50%;
}

.footerConcern-us ul li:hover:after {
	display: none;
}

.footerConcern-us .code {
	display: none;
	position: absolute;
	right: 0;
	top: 78px;
	width: 274px;
	padding-top: 13px;
	background: #191919;
}

.mall-con {
	max-width: 1500px;
	min-width: 1180px;
	margin: 0 auto;
	margin-top: 62px;
	margin-bottom: 62px;
}

.mall-cons {
	margin-bottom: 30px;
}

.mall-nav {
	width: 100%;
	position: absolute;
	box-shadow: rgba(4, 0, 0, 0.2) 0px 6px 15px 0px;
	background: white;
	height: 0;
	overflow: hidden;
	z-index: 21;
}

.mall-nav-con {
	display: table;
	margin: 0 auto;
	min-width: 1000px;
}

.mall-nav-con ul {
	display: inline-block;
	vertical-align: top;
	padding: 40px 40px 0;
}

.mall-nav-con .mall-nav-tit {
	min-height: 290px;
	border-right: 1px solid #f0f0f0;
}

.mall-nav-con ul li {
	font-size: 1.4rem;
	color: #333;
}

.mall-nav-con ul li a {
	color: #333;
}

.mall-nav-con ul li a:hover {
	color: #f96e17;
}

.mall-nav-con li {
	padding: 11px 0;
}

.mall-nav-con .mall-nav-tit li a,
.mall-nav-con .mall-nav-tit2 {
	font-weight: bold;
}


.dropdown,
.activity {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 0;
	overflow: hidden;
	box-shadow: rgba(4, 0, 0, 0.2) 0px 6px 15px 0px;
	background: #fbf9ff;
	z-index: 20;
}

.headercenter {
	justify-content: space-between !important;
	width: 90%;
}

.cart {
	right: 0;
}

@media screen and (min-width: 1180px) and (max-width: 1480px) {
	.nav-con .logo {
		padding-left: 20px;
	}

	.footer dl {
		width: 170px;
	}

	.wrap {
		min-height: 450px;
		background-color: #fffdfe
	}

	html {
		font-size: 9px !important;
	}
}

.breadcrumb {
	font-size: 1.4rem;
	color: #b2b2b2;
	height: 26px;
	line-height: 26px;
}

.breadcrumb a {
	color: #b2b2b2;
}

.breadcrumb b {
	font-weight: bold;
	color: #333;
}

.choose-type {
	margin-left: 32px;
	line-height: 1;
}

.choose-type,
.choose-type-con {
	display: inline-block;
}

.search-results {
	padding-right: 20px;
	font-size: 1.4rem;
	color: #333;
}

.choose-type-con a {
	display: inline-block;
	margin: 0 8px;
	border: 1px solid #f99302;
	padding: 5px 8px;
	font-size: 1.4rem;
	color: #f99302;
}

.choose-type-con a span {
	float: right;
	margin-left: 5px;
	font-size: 1.2rem;
}

.choose-type .clean {
	color: #666;
	margin-left: 15px;
}

.breadcrumb {
	font-size: 1.4rem;
	color: #b2b2b2;
	height: 26px;
	line-height: 26px;
}


/* 头部 */
.header {
	width: 100%;
	background: #fff;
	padding: 10px 20px;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 999;
}

.center {
	width: 100%;
}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.logo {
	width: 40px;
	float: left;
}

.logo img {
	width: 80px;
	display: block;
}

.overflow {
	overflow: hidden;
	/*position: relative;*/
}

.headerRight {
	width: calc(100% - 40px);
	padding: 0 10px;
	justify-content: center;
}

.hide {
	display: none;
}

.headR {
	width: 25%;
}

.headerSearch {
	width: 80%;
	border: 1px solid #333;
	border-radius: 25px;
	padding-right: 10px;
}

.headerSearch input {
	width: calc(100% - 20px);
	line-height: 30px;
	border: 0;
	background: transparent;
}

.headerSearch span {
	font-size: 20px;
	color: #333;
}

.headerLogin {
	position: relative;
}

.headerLogin span {
	font-size: 20px;
	color: #333;
	margin: 0 4px;
	/* display:inline-block; */
	position: relative;

}

.headerLogin span.icon-gouwuche {
	margin-right: 0;
}

.headerleft {
	width: 100%;
}

.headerPerson {
	width: 120px;
	position: absolute;
	box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);
	z-index: 10;
	top: 38px;
	left: -46px;
	background: #fff;
	display: none;
}

.headerPerson.cur {
	display: block;
}

.headerPerson li {
	width: 100%;
	text-align: center;
	color: #333;
}

.headerPerson li a {
	display: inline-block;
	line-height: 30px;
	line-width: 100%;
	text-align: center;
	color: #333;
}
/*我给你讲一下啊，如果你用vue进行v-if判断得话，就不需要用css去控制了，v-if条件成了就输出，条件不成立就不输出，代码都不会输出
你刚才是输出了但是者设置了隐藏，明白？
*/
.headerLogin .islogin,
	/*.headerPerson .isregister {*/
	/*	display: none;*/
	/*}*/

.headerPerson li.isShow {
	border-top: 1px solid #ddd;
	display: block !important;
}

.iconcircle {
	width: 15px;
	height: 15px;
	background: #f39800;
	border-radius: 50%;
	color: #fff;
	line-height: 15px;
	text-align: center;
	position: absolute;
	top: -6px;
	right: -6px;
	font-size: 10px;
	transform: scale(.7);
}

.headerl {
	justify-content: flex-start;
}

.cart li a {
	color: #f39800;
}

.login_btn a,
.quit {
	color: black;
	padding: 0 5px;
}

.headBtn {
	width: 30px;
	height: 28px;
	border-radius: 4px;
	border: 1px solid #333;
	box-sizing: border-box;
	padding: 5px 2px;
}

.headBtn span {
	width: 100%;
	display: block;
	height: 2px;
	background: #333;
	transition: .3s linear;
}

.headBtn.cur span:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px);
}

.headBtn.cur span:nth-child(2) {
	display: none;
}

.headBtn.cur span:nth-child(3) {
	transform: rotate(-45deg) translate(-5px, 4px);
}
.headBtn span:nth-child(2) {
	margin: 5px 0;
}
.showMenu {
	width: 100%;
	position: fixed;
	top: 54px;
	right: -100%;
	z-index: 100;
	height: calc(100vh - 54px);
	transition: .3s linear;
}
.showMenu.cur{
	right:0;
}
.menuLeft,.menuright{
	width:50%;
	background:#f39800;
	height:100%;
	position:absolute;
	right:0;
	padding-top:20px;
}
.menuLeft{
	z-index:2;
}
.menuLeft a {
	line-height: 40px;
	width: 100%;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 15px;

}
.menuLeft a.cur{
	background:#fff;
	color:#f39800;
	
}
.menuright {
	right: 0%;
	overflow-y: scroll;
	border-right: 1px solid #ffff;
	z-index:1;
	transition: .3s linear;
}
.menuright.cur{
	right:50%;
}
.menuright .menurightLi {
	width: 100%;
	padding: 8px 0px;
}
.menutitle {
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-bottom: 5px;
}
.menurightLi:hover .menuchild{
	display: block;
}
.menurightLi:hover{
	background: #f8f8f8;
	border-radius:10px;
	color:#000000 !important;
}
.fore dt{
	font-weight: 600;
}
.fore dt,.fore dd{
	display: inline-block;display:block
}

.fore dd em{ font-style:normal}

.menuchild{
	display: none;
	width: 80%;
	height:100%;
	text-align: left;
	padding:20px;
	position: absolute;
	right:0;
	top:0;
	background: #f8f8f8;
	border-radius:0 10px 10px 0;
	overflow-y:scroll;
}
.menuchild::-webkit-scrollbar {
    display: none;
}   


.menuchild a {
	font-size: 12px;
	color: #000000;
	width: 100%;
	text-align: center;
	line-height: 35px;
}
/* 内容 */
.indexContent {
	width: 100%;
	padding: 8px 0;
}
.indexContent .swiper-container,.indexContent .swiper-wrapper,.indexContent .swiper-slide{
	width:100%;
}
.indexContent .swiper-container{
	padding:0px 20px;
}
.indexContent .swiper-slide {
	box-sizing: border-box;
	padding: 0 4px;
	width: 25%;
}
.indextext {
	width: 100%;
	height: 100px;
	background: #efefef;
}
.indextext img{
	display:block;
	width:100%;
	height:100%;
	object-fit: cover;
}
.indextext i {
	position: absolute;
	top: 0;
	left: 0;
	color: #f39800;
	font-size: 30px;
}
.indexTitle {
	width: 100%;
	padding: 10px;
}
.indexTitle p {
	white-space: nowrap;
	font-size: 12px;
	color: #333;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}
.indexTitle p:last-child {
	color: #321a1a;
	margin-top: 10px;
}
.swiper-button-next, .swiper-button-prev {
	top: 40%;
	width: 30px;
	color: #333;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 20px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 0px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 0px;
}
.indexEntitle{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#333;
	margin:10px auto;
}

/* 轮播图 */
.indexbanner{
	width:100%;
	height:200px;

}
.indexbanner .swiper-container,.indexbanner .swiper-wrapper,.indexbanner .swiper-slide,.indexbanner img{
	width:100%;
	height:100%;
}
/*.indexbanner img{*/
/*	object-fit: cover;*/
/*	width: 100%;*/
/*	height:100%;*/
/* }*/
.indexContainer {
	padding: 54px 0 20px 0;
}
.indexbanner .swiper-pagination-bullet-active {
	background: #f39800;
}
/* 详情页 */
.detailPage{
	padding-top:54px;
}
.detailPage .center{
	flex-wrap: wrap;
}
.detailSwiper,.detailSwiper .swiper-wrapper,.detailSwiper.swiper-slide{
	width:100%;
	height: 375px;
	background: rgba(0, 0, 0, 0);
}
.detailRight {
	width: 100%;
	padding: 20px 20px 0 20px;
}

.detailTitle{
	font-size: 18px;
	text-align: center;
	color: #333;
	margin-bottom: 15px;
}
.titlehide  {
	font-size: 12px;
	margin-bottom:10px;
}
.titlehide i {
	color: #ff0036;
	font-size: 16px;
	margin-right: 5px;
}
.dctitle {
	font-size: 14px;
	text-align: center;
	color: #333;
	margin-bottom: 10px;
}
.detailOption,.doChoose {
	width:100%;
	overflow-y: scroll;
}

.detailOption::-webkit-scrollbar,.doChoose::-webkit-scrollbar {
	display: none;
}
.detailOption,.doChoose {
	padding: 0px 25px;
}
.detailChoose {
	padding: 15px 0;
	border-top: 1px solid #efefef;
}
.detailOption .swiper-slide {
	width: 25%;
	padding: 0px 5px;
}
.detailOption .swiper-slide.cur p{
	border-color:#f39800;
	color:#f39800;
}
.detailOption .swiper-slide p {
	width: 100%;
	border-radius: 25px;
	border: 1px solid #333;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}
.detailChoose{
	padding:10px 0;
	border-top:1px solid #efefef;
}
.doChoose .swiper-slide {
	width: 50%;
	padding: 0 5px;
	background: #fff;
	opacity: .5;
}

.doImg img {
	width: 100%;
	height: 60px;
	border-radius: 5px;
	/* display: block; */
	object-fit: cover;
}
.doImg li {
	border: 1px solid #ddd;
	border-radius: 4px;
	line-height: 20px;
	text-align: center;
	color: #333;
}

.detailButton p{
	font-size:14px;
	width:50%;
	text-align:center;
}
.detailChoose p.cur{
	color:#f39800;
}

/* .detailChoose  li p{
	font-size:14px;
	color:#333;
}*/
/*.detailChoose li .detailPrice,.detailFixed li .detailPrice{
    background: #f0efef;
    color: #ff0036;
    font-size: 12px;
    padding: 4px 5px;
}*/
/*.detailChoose  li .detailPrice i,.detailFixed li .detailPric i{
	font-size:18px;
}*/
/*.detailChoose  li span.detailspan,.detailFixed li span.detailspan{
	font-size:12px;
	margin-left:10px;
}*/
.detailparam li{
	padding:10px 0;
}
/*.detailparam li .detailBtn,.detailFixed li  .detailBtn{
    border: 1px solid #ddd;
}*/
/*.detailparam li .detailBtn i,.detailFixed li  .detailBtn i {
    padding: 0px 8px;
}*/
/*.detailparam li .detailBtn i.btnsubtract,.detailparam li .detailBtn i.btnadd{
	background:#ddd;
}*/
.detailparam  .prize_bar {
	margin-bottom: 15px;
	line-height: 24px
}
.detailparam  .prize_bar span {
	color:#666;display:
		inline-block;width: 40px;
}
.detailparam  .prize_bar .show_pirze {
	display: inline-block;
	width: 100px;
	color:#ff0036;
	background: #f0efef;
	padding: 0px 5px;
}
.detailparam .show_pirze em {
	font-style: normal
}
.detailparam  .prize_bar .show_unit {
	color:#666;
	display: inline-block;
	width: 140px;
	margin-left: 15px;
}
.detailparam  .total1 {
	color: #666;
	line-height: 24px;height: 24px;
	display: flex;
	margin-bottom:15px;
}
.detailparam  .total1 .total {
	width: 156px
}
.detailparam .total span {
	color:#666;
	display: inline-block;
	width: 40px;
}
.detailparam .total em {
	color: #ff0036;
	background: #f0efef;
	padding: 0px 5px;
	font-style: normal;
	display: inline-block;
}
.detailparam .total1 .goods_num  {
	display: inline-block;
	line-height: 24px;
	margin-left: 15px;
}
.detailparam  .num_add {
	display: flex;
}
.detailparam  .num_add a {
	color: #666;
	font-size: 18px;
	padding: 0px 5px;
}
.detailparam .num_show  {
	display: inline-block;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	border: 1px solid #f1f1f1;
	padding: 0px 10px;
	width: 30px;
}
.detailparam .operate_btn  {
	padding-left: 20px;
}
.detailparam .operate_btn .buy_btn {
	color: #fff;
	background: #ff0036;
	padding: 10px 0px;
	text-align: center;
	width: 120px;
	display: inline-block;
	margin-left: 15px;
	border-radius: 30px;
}
.detailparam .operate_btn .buy_btn i {
	margin-right: 5px;
}
.detailparam .operate_btn .add_cart {
	color: #fff;
	background: #ff0036;
	padding: 10px 0px;
	text-align: center;
	width: 120px;
	display: inline-block;
	margin-left: 160px;
	border-radius: 30px;
}
.detailparam .operate_btn .add_cart i {
	margin-right: 5px;
}
.detailparam li .detailChart {
	color: #fff;
	background: #ff0036;
	padding: 10px 0px;
	text-align: center;
}
.detailparam li .detailChart i{
	margin-right:5px;
}
.doImg li{
	display:none;
}
.doImg li.cur{
	display:block;
}
.doChoose .swiper-slide.cur{
	opacity:1;
}

.detailFixed {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: #fff;
	padding: 0 10px;
}
.detailFixed li p{
	color:#333;
	font-size:15px;
}
.detailFixed li .goods_num  {
	display: inline-block;
	line-height: 24px;
	margin-left: 15px;
}
.detailFixed li .goods_num .num_add {
	display: flex;
}
.detailFixed li .goods_num .num_add a {
	color: #666;
	font-size: 18px;
	padding: 0px 5px;
}
.detailFixed li .num_add .num_show {
	display: inline-block;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	border: 1px solid#f1f1f1;
	padding: 0px 10px;
	width: 30px;
	
}
.detailFixed li .add_cart {
	color: #fff;
	background: #ff0036;
	padding: 10px 0px;
	text-align: center;
	width: 120px;
	display: inline-block;
	margin-left: 15px;
	border-radius: 30px;
}
.detailFixed li .add_cart i {
	margin-right: 5px;
}

/*.detailFixed li .detailChart  {
 display: flex;
}*/
.detailContent{
	padding:20px;
	color:#333;
	font-size:12px;
	border-top:1px solid #efefef;
	display:none;
}
.detailContent.cur{
	display:block;
}
.detailContent .indexEntitle{
	display:none;
}



@media(min-width:768px) {
	.headerRight {
		/*width: 300px;*/
		padding: 0 10px;
		justify-content: center;
	}

	.logoLeft {
		width: 20%;
	}

	.indextext{
		height:200px ;
	}

}

@media(min-width:1200px) {
	.header {
		background: transparent;
	}
	.header.active{
		background:#fff;
	}
	.indexContainer {
		padding: 0 0 66px 0;
	}
	.indexbanner {
		height: 450px;
	}
	.indexEntitle{
		margin:40px auto;
		font-size:20px;
	}
	.indexTitle p {
		font-size: 15px;

	}
	.swiper-button-next, .swiper-button-prev{
		top:50%;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 30px;
	}

	/* .indexContent {
	  padding: 200px 0;
	} */
	.headBtn{
		display:none;
	}
	.headerPerson li.isregister,
	.headerPerson li.islogin {
		display: none !important;
	}

	.center {
		width: 100% !important;
		margin: auto;
	}

	.logoLeft {
		width: 20%;
	}

	.logo {
		width: 80px;
	}

	.hide {
		display: block;
	}

	.headerMenu a {
		color: #333;
		font-size: 16px;
		padding: 10px;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
	}

	.headerRight {
		width: 80%;

	}

	.headerl {
		justify-content: flex-start;
	}

	.headerleft {
		width: 40%;
	}

	.headerSearch {
		width: 250px;
		margin-left: 20px;
	}

	.headerLogin .login_btn {
		font-size: 16px;
		color: #666;
	}

	.headerPerson {
		left: 50%;

	}

	.footer .footer-con {
		display: flex;
	}

	.footer dl dd {

		display: block;
	}

	.footer dl {
		width: 14.2%;
	}

	.headerPerson li.isShow {
		display: none;
	}
	.headercenter {
		justify-content: center !important;
	}

	.headerLogin {
		justify-content: flex-end;
	}
	.headertitle.cur:after{
		width:100%;
	}
	.headertitle:after {
		content: '';
		position: absolute;
		width: 0%;
		height: 3px;
		background: #f39800;
		left: 0;
		bottom: 0;
		border-radius: 25px;
		transition: .3s linear;
	}
	.headertitle i{
		font-size:20px;
		vertical-align: middle;
	}
	.indextext {
		height: 300px;
	}
	.showMenu.cur {
		right: auto;
		top: 67px;
	}
	.showMenu {
		top: -100%;
		right: auto;
		height: auto;
		overflow: hidden;
		border-top: 1px solid #efefef;
		box-shadow: 1px 1px 10px rgba(0,0,0,.2);
	}
	.menuLeft {
		display:none;
	}
	.menuright {
		right: 0%;
		overflow-y: hidden;
		border-right: 0;
		width: 100%;
		position: relative;
		background:#fff;
		padding:10px;
		box-sizing:border-box;
		height:300px;
	}
	.menuchild em{ padding-right:30px}
	.menuchild em a{ color:#888;}
	.menuright.cur {
		right: 0%;
	}
	.menuright .center{
		display:flex;
	}
	.menuright .menurightLi {
		width: 100%;
	}
	.menuchild a {
		font-size: 14px;
		color:#333;
		line-height: 40px;
	}
	.menutitle {
		font-size: 16px;
		color:#333;
		font-weight: bold;
		text-align:left;
		padding-left:20px;
	}
	.detailSwiper{
		width:75%;
	}
	.detailRight{
		width:24%;
	}
	.detailSwiper img {
		height: 550px;

	}
	.detailRight {
		padding: 0px 0px;
	}
	.dctitle {
		margin-bottom: 15px;
	}
	.detailButton p {
		font-size: 15px;
	}
	.detailChoose {
		padding: 10px 0;
	}

	.detailPage .center {
		align-items: flex-start;
	}
	.detailPage {
		padding-top: 80px;
	}
	.detailparam li .detailChart {
		width: 200px;
	}
	.titlehide,.detailFixed{
		display:none;
	}
	.detailContent{
		display:block;
		border-top:0;
	}
	.detailContent .indexEntitle{
		display:block;

	}
	.detailContent .indexEntitle,.like .indexEntitle{
		text-align:left;
	}
}

.footer{
    border-top:1px solid #fe0000;
    margin:30px 0;
}
.foot_link{text-align:center;margin-top:30px;}
.foot_link a,.foot_link span{color:#4e4e4e;}
.foot_link a:hover{color:#ff8800}
.foot_link span{padding:0 10px}
.footer p{text-align:center; margin-top:10px;}

@media(min-width:1440px) {
	.headerMenu a {
		padding: 10px 20px;

	}
	.center {
		width: 96% !important;
	}

	.footer .footer-con {
		padding: 30px 20px;
	}
	.indextext {
		height: 350px;
	}
	.indexbanner {
		height: 500px;
	}

}

@media(min-width:1920px) {
	.center {
		width: 1440px
	}

	.headerRight {
		width: 70%;
	}
}

/* 列表页 */

.main_wrap{width:1200px;margin:0 auto;}
.l_wrap{width:200px;}
.r_wrap{width:980px;}


/* 新品推荐样式 */

.new_goods{
	border:1px solid #ededed;
	border-top:2px solid #f80000;
	padding-bottom:10px;
}

.new_goods h3{
	height:33px;line-height:33px;background-color:#fcfcfc;border-bottom:1px solid #ededed;font-size:14px;font-weight:normal;text-indent:10px;
}

.new_goods ul{width:160px;margin:0 auto;overflow:hidden;}
.new_goods li{border-bottom:1px solid #ededed;margin-bottom:-1px;}
.new_goods li img{display:block;width:150px;height:150px;margin:10px auto;border-radius: 10px}
.new_goods li h4{width:160px;margin:0 auto;}
.new_goods li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.new_goods li .prize{font-size:14px;color:#da260e;margin:10px auto;}


/* 商品列表样式 */

.sort_bar{height:30px;background-color:#fbf3f3;border-radius: 10px;}
.sort_bar a{display:block;height:30px;line-height:30px;padding:0 20px;float:left;color:#000}
.sort_bar .active{background-color:#f80000;color:#fff;border-radius: 31px;}


.goods_type_list{
	margin:10px auto 0;
}

.goods_type_list li{
	width:196px;
	float:left;
	margin-bottom:10px
}

.goods_type_list li img{width:160px;height:160px;display:block;margin:10px auto;
	border-radius: 5px;
}
.goods_type_list li h4{width:160px;margin:0 auto;}
.goods_type_list li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.operate{width:160px;margin:10px auto;position:relative;}
.goods_type_list .operate .prize{color:#da260e; font-size:14px;}
.goods_type_list .operate .unit{color:#999;padding-left:5px;}
.goods_type_list .operate .add_goods{display:inline-block;width:15px;height:15px;background:url(../images/shop_cart.png);position:absolute;right:0;top:3px;}


/* 分页样式 */

.pagenation{height:32px;text-align:center;font-size:0;margin:30px auto;}
.pagenation a{display:inline-block;border:1px solid #d2d2d2;background-color:#f8f6f7;font-size:12px;padding:7px 10px;color:#666;margin:5px}

.pagenation .active{background-color:#fff;color:#43a200}

/*20220905*/
.pc{
	display: block;
}
.m{
	display: none;
}



@media(max-width:1200px) {
	
.showMenu {
	width: 100%;
	position: fixed;
	top: 54px;
	right: -100%;
	z-index: 100;
	height: calc(100vh - 54px);
	transition: .3s linear;background:#fff; box-sizing:border-box; overflow:hidden;
	
}	
.menuLeft{ display: flex;   justify-content: space-between; }

.menuLeft, .menuright{ background:none; width:100%}	
.menuright {
  
    background: #eee;

    margin: 5px 0;
  
    padding: 15px;
    box-sizing: border-box;
	width:100%
    
}	

.menuLeft a {
   
    color: #333; position:relative; line-height:30px
   
}
	.menuLeft a.cur{


	 background:#eee; border-radius:10px 10px 0 0
	
	
}
/*
.menuLeft a.cur:before, .menuLeft a.cur:after{    display: block;    position: absolute;    content: "";    height:40px; width:5px;    background-color:#eee;    border-radius:15px;    top: -5px;}
.menuLeft a.cur:before{    left: -1px;}
.menuLeft a.cur:after{    right: -1px;}*/
.menuright.cur {
    right: 0px; top:45px
}

.menutitle{ text-align:left; float:left; width:100px; padding-left:15px}

.menuLeft, .menuright{ height:auto}

.menuright{ height:calc(100% - 50px)}

.menuchild{ background:#fff; border-radius:5px; margin:10px; width:calc(100% - 130px); box-sizing:border-box; margin:0; padding:10px; height:96%; top:2%;overflow-y:scroll;}
.menurightLi:hover{ background:#fff;}
.menurightLi{ display:block; width:100%; overflow:hidden; display: flex;   justify-content: space-between;  }

.menuchild dt{ display:block;}
.menuchild dd{ display:block; overflow:hidden}
.menuchild em{ font-style:normal; width:33.33%; display:block; float:left; text-align:center}
.menuchild em a{ color:#888; padding-right:15px}
.menuchild a{ line-height:25px}
}









@media(max-width:996px) {
	.pc{
		display: none;
	}
	.m{
		display: block;
	}
	.goods_type_list li img{
		border-radius: 10px;
	}
	.main_wrap{
		width:98%;
		margin: 1%;
	}
	.r_wrap{
		width:100%
	}
	.goods_type_list li{
		width:23%;
		margin: 1%;
	}
	.l_wrap {
		width: 100%;
		display: none;
	}
	.new_goods li {
		border-bottom: 1px solid #ededed;
		margin-bottom: -1px;
		width:23%;
		float: left;
	}
	.new_goods ul{
		width: 100%;
	}
}

@media (max-width:760px){
	.goods_type_list li {
		width:48%;
		margin: 1%;
	}
	.new_goods li {
		width:48%;
	}
}