/* ============容器============== */

*{font-family:'microsoft yahei',Verdana, Arial}
html{overflow-y:scroll;}

body{margin:0;padding:0;border:0;height:100%;text-align:left;overflow:auto!important;} 

#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}

#content {position:relative;margin:10px auto 10px auto} 

#bottom {position: relative;margin:0px auto} 

#top {position:relative;margin:0px auto;z-index:99} 

#bodyex {position: absolute;left:0;top:0;margin:0} 

#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1} 

#topex {position: absolute;left:0;top:0;margin:0;z-index:-1} 

#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1} 

#advsex {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;z-index:-1} 

#showpages{padding-bottom:40px!important;}

 

/*===页码===*/ 

.pagess {clear: both;padding-top: 30px;padding-bottom:60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}

.pagess ul li:hover{ background:#0099FF; color:#fff;border: 1px solid #0099FF}

.pagess ul li:hover a{color:#fff;}

.pagess ul li.thisclass {display: inline-block;border: 1px solid #0099FF;padding: 2px 9px;margin: 0 3px;background: #0099FF;color: #fff;}

.pagess ul li.thisclass a {color: #fff;}

.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}

/*===插件分离层===*/



.pdv_class{position:absolute;border:0px}





/* ==常用== */



div,li,td,p,select,input,textarea,a,button,input{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;text-decoration: none}

ul{margin:0px;padding:0px;list-style-type:none}

a:link,a:visited,a:active{color:#505050;text-decoration: none;}

a.nomal:link,a.nomal:visited,a.nomal:active{color:#505050;text-decoration: underline;}

a:hover{color:#ff0000;text-decoration: none;}



/* ============表单============== */

form{margin:0;padding:0}

.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7}

.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7}

.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}

.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}

.mustfill{color:#ff0000}

select{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;}





/* ============排版============== */

._7cRrP-0JS5 .mx7pXkp4wv {

	display: inline-block;

	width: 33.333333%;

	padding: 1rem;

	box-sizing: border-box

}



@media (max-width:567px) {

	._7cRrP-0JS5 .mx7pXkp4wv {

		width: 100%

	}

}



._7cRrP-0JS5 .mx7pXkp4wv a {

	transition: .4s;

	text-align: center;

	text-decoration: none;

	position: relative;

	float: left;

	color: #333;

	width: 100%

}



._7cRrP-0JS5 .mx7pXkp4wv a._1qW3ztip55 {

	color: #cfcfcf

}



@media (min-width:769px) {

	._7cRrP-0JS5 .mx7pXkp4wv a:hover {

		-webkit-transform: translateY(-4px);

		transform: translateY(-4px);

		-webkit-animation-fill-mode: forwards;

		animation-fill-mode: forwards;

		box-shadow: 0 4px 30px rgba(0,0,0,.15)

	}

}



._7cRrP-0JS5 .mx7pXkp4wv a ._3IlO_9kfEp {

	position: absolute;

	top: 50%;

	left: 10%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	margin: 0;

	font-size: 1.16rem

}



._7cRrP-0JS5 .mx7pXkp4wv a img {

	float: left;

	max-width: 100%;

	box-sizing: border-box

}



@media (min-width:769px) {

	._7cRrP-0JS5 .mx7pXkp4wv a img {

		width: 100%

	}

}



{

	padding: 1rem 0 0

}



@media (max-width:767px) {

	{

		padding: 0

	}

}



._7cRrP-0JS5 {

	display: table;

	width: 100%

}



._7cRrP-0JS5 .mx7pXkp4wv {

	float: left;

	width: 33.333333%;

	padding: 1rem;

	box-sizing: border-box

}



@media (max-width:567px) {

	._7cRrP-0JS5 .mx7pXkp4wv {

		width: 100%

	}

}



._7cRrP-0JS5 .mx7pXkp4wv a {

	position: relative;

	float: left;

	width: 100%;

	text-align: center;

	text-decoration: none;

	transition: .4s;

	color: #333

}



._7cRrP-0JS5 .mx7pXkp4wv a._1qW3ztip55 {

	color: #fff

}



@media (min-width:769px) {

	._7cRrP-0JS5 .mx7pXkp4wv a:hover {

		-webkit-transform: translateY(-4px);

		transform: translateY(-4px);

		-webkit-animation-fill-mode: forwards;

		animation-fill-mode: forwards;

		box-shadow: 0 4px 30px rgba(0,0,0,.15)

	}

}



._7cRrP-0JS5 .mx7pXkp4wv a ._1yp67hsJy_ {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%

}



._7cRrP-0JS5 .mx7pXkp4wv a ._1yp67hsJy_ ._3IlO_9kfEp {

	font-size: 1.66rem;

	font-weight: 700;

	margin-bottom: 0

}



@media (max-width:767px) {

	._7cRrP-0JS5 .mx7pXkp4wv a ._1yp67hsJy_ ._3IlO_9kfEp {

		font-size: 1.16rem

	}

}



._7cRrP-0JS5 .mx7pXkp4wv a ._1yp67hsJy_ .Kewj-0WOOF {

	margin-top: 0;

	font-size: 1rem

}



._7cRrP-0JS5 .mx7pXkp4wv a img {

	z-index: 1;

	float: left;

	width: 100%

}



.listTitle {

	text-align: center;

	padding-top: 3rem

}



.listTitle .listName {

	position: relative

}



.listTitle .listName span {

	position: relative;

	display: inline-block;

	font-size: 1.33rem;

	z-index: 2;

	background: #fff;

	padding: 0 2rem

}



.listTitle .listName span.listGray {

	background: #f2f2f2

}



.listTitle .listName:after {

	position: absolute;

	z-index: 1;

	top: 50%;

	left: 10%;

	right: 10%;

	content: "";

	border-top: 1px solid #cfcfcf

}



.listTitle .listDesc {

	font-size: 1rem;

	color: #666

}



.listTitle.bigSize .listName span {

	font-size: 3.82rem;

	font-weight: 200

}



@media (max-width:767px) {

	.listTitle.bigSize .listName span {

		font-size: 2.2rem

	}

}



.listTitle.bigSize .listDesc {

	font-size: 1.33rem

}



@media (min-width:768px) {

	._3LRhcRRshq .W_QpfIwrSa ._1FYv4Au4MZ._1qW3ztip55,._3LRhcRRshq .W_QpfIwrSa ._1FYv4Au4MZ._1qW3ztip55 i._3eqXXPzRM_ {

		border-color: #fff

	}

}

._3LRhcRRshq ._3ZVTgc- ._7cRrP-0JS5 .mx7pXkp4wv a._1qW3ztip55 {

	color: #cfcfcf

}

._3LRhcRRshq ._3f1uVuUfBj ._7cRrP-0JS5 .mx7pXkp4wv a._1qW3ztip55 {

	color: #fff

}





._2ASbYHvIdt {

		display: block;

		width: 100%;

		max-width: 300px;

		margin: 0 auto

	}



._2ASbYHvIdt ._2a1y5NW2sj {

		display: block;

		margin: 1rem 0;

		float:left

	}





._2ASbYHvIdt .AYi1-eg-aY {

		display: block;

		margin: 1rem 0

	}

	

.qVZA61XXF3 ._3t8WgPKEoa .UHBn85vHwb ._2ASbYHvIdt ._2a1y5NW2sj {

	display: inline-block;

	vertical-align: middle

}



._2ASbYHvIdt ._2a1y5NW2sj input {

	line-height: normal;

	height: 2.8em;

	border: 1px solid #cfcfcf;

	border-radius: 1.4em;

	background: transparent;

	color: #cfcfcf;

	padding: 0 5%;

	box-sizing: border-box;

	width: 10rem

}



._2ASbYHvIdt .AYi1-eg-aY {

	float:right;

	padding-left: 1rem;

	display: inline-block;

	vertical-align: middle

}



._2ASbYHvIdt .AYi1-eg-aY button {

	background: #cfcfcf;

	color: #242424;

	text-align: center;

	width: 100%;

	border: 0;

	line-height: 2.5em;

	font-size: 1.0em;

	border-radius: 1.4em;

	padding: 0 .5rem;

	cursor: pointer

}



.productList.productLimit .productItem {

	display: none

}



.productList.productLimit .productItem:first-of-type,.productList.productLimit .productItem:nth-of-type(2),.productList.productLimit .productItem:nth-of-type(3),.productList.productLimit .productItem:nth-of-type(4) {

	display: inline-block;

}

@media (min-width:768px) and (max-width:1100px) {

	.productList.productLimit .productItem:nth-of-type(4) {

		display: none

	}

}



.productItem {

	display: inline-block;

	vertical-align: top;

	box-sizing: border-box;

	width: 24.5%;

	padding: 0 1rem 1rem 0

}

 

@media (min-width:768px) {

	.productItem {

		padding: 0 2rem 2rem 0

	}

}



@media (max-width:1100px) {

	.productItem {

		width: 33.33333%

	}

}



@media (max-width:767px) {

	.productItem {

		width: 50%

	}

}



@media (max-width:320px) {

	.productItem {

		width: 100%

	}

}



.productItem .productLink {

	display: block;

	text-decoration: none;

	background: #fff;

	cursor: pointer;

	transition: .6s

}



.productItem .productLink:hover {

	-webkit-transform: translateY(-4px);

	transform: translateY(-4px);

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

	box-shadow: 0 4px 50px rgba(0,0,0,.25)

}



.productItem .productLink:hover .productImages img {

	opacity: 1

}



.productItem .productLink .productImage {

	text-align: center;

	//overflow: hidden

}



.productItem .productLink .productImage img {

	width: 100%

}



.productItem .productLink .productImages {

	text-align: center;

	//overflow: hidden;

	position: relative

}



.productItem .productLink .productImages img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	opacity: 0;

	transition: 1.2s

}



.productItem .productLink .productImages img:first-child {

	position: relative;

	opacity: 1

}



.productItem .productLink .productAttributes {

	padding-top: .5rem;

	text-align: center

}



.productItem .productLink .productAttributes .productColors {

	display: inline-block;

	margin: 0;

	padding: 0

}



.productItem .productLink .productAttributes .productColors li {

	list-style: none;

	margin: 0 3px;

	float: left

}



.productItem .productLink .productAttributes .productColors li img {

	vertical-align: middle;

	float: left;

	height: 1rem;

	width: 1rem;

	border-radius: 50%;

	border: 2px solid #cfcfcf

}



.productItem .productLink .productName {

	font-size: 1.12rem;

	line-height: 1.6rem;

	min-height: 3.1rem;

	margin: .5rem 1.5rem;

	text-align: center;

	color: #333;

	word-break:break-all;

word-wrap:break-word;



}



.productItem .productLink .productDescription {

	font-size: 0.6rem;

	line-height: 1.4rem;

	min-height: 2.8rem;

	margin: .5rem 1.5rem;

	text-align: center;

	color: #666;

	word-break:break-all;

word-wrap:break-word;



}



@media (max-width:767px) {

	.productItem .productLink .productDescription {

		display: none

	}

}



.productItem .productLink .productReviews {

	padding-bottom: 1rem;

	text-align: center

}



.productItem .productLink .productPrice {

	font-size: 1.16rem;

	padding: 0 8px 1rem;

	text-align: center;

	color: #000

}



._1zObsjCSsg {

	padding-top: 2.4rem;

	white-space: nowrap

}



._1zObsjCSsg a {

	display: inline-block;

	vertical-align: middle;

	color: #333;

	background: #cfcfcf;

	text-decoration: none;

	border-radius: 50%;

	margin-right: 6%;

	transition: .2s

}



._1zObsjCSsg a:last-child {

	margin-right: 0

}



._1zObsjCSsg a i {

	float: left;

	font-size: 1.33rem;

	line-height: 2.5rem;

	width: 2.5rem;

	text-align: center

}



._1zObsjCSsg a:hover {

	color: #fff

}



._1zObsjCSsg a._1EOAtUsDwC:hover {

	background: #00a8e1

}



._1zObsjCSsg a._17ptBk-Kpj:hover {

	background: #4267b2

}



._1zObsjCSsg a._37eVknksCQ:hover {

	background: #50a5e6

}



._1zObsjCSsg a._1GbfeYLZmr:hover {

	background: #000

}



._1zObsjCSsg a.xHbQOf0XOV:hover {

	background: #bd081c

}



._1zObsjCSsg a._2tQtuM3-0h:hover {

	background: #e6231a

}



._1zObsjCSsg a._2hIyPXtKPf:hover {

	background: #db4437

}



._1zObsjCSsg a._2ic2RQ0Ewi:hover {

	background: #75aadb

}



.iconfont {

	font-family: iconfont!important;

	font-size: 16px;

	vertical-align: middle;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: .2px;

	-moz-osx-font-smoothing: grayscale

}

/* ==提示样式== */



.msgdiv {color:#336699;padding-left:53px;background:url(../images/chk_msg.gif) 30px no-repeat;}

.errdiv {color:#FF0000;padding-left:53px;background:url(../images/chk_error.gif) 30px no-repeat;}

.rightdiv {color:#505050;padding-left:53px;background:url(../images/chk_right.gif) 30px no-repeat;}

.noticediv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_error.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}

.okdiv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_right.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}

.securenotice{line-height:100px;color:#FF0000;text-align:center;}





/* ============提示信息窗口============== */

div#alert {display:none;cursor:default;}

div#alert .border{border:1px #97A0AA solid;}

div#alert .ntc{padding:30px;text-align:left;background:#fff;font: 14px/1.6 'microsoft yahei',Verdana, Arial;}

div#alert .buttonzone{padding:15px;text-align:center;background:#f7f7f7;}

div#alert .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}

div#alert .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}

div#alert .button{border:1px #97A0AA solid;height:22px;line-height:20px;padding:0px 5px;background:#eee}





/* ============弹出frame/或大窗口层============== */

#frmWindow {display:none;cursor:default;}

#frmWindow .border{border:1px #97A0AA solid;}

#frmWindow .ntc{padding:30px;text-align:left;background:#fff;font: 12px/1.6 'microsoft yahei',Verdana, Arial;}

#frmWindow .buttonzone{padding:15px;text-align:center;padding-top:10px;background:#f7f7f7;}

#frmWindow .Frm{width:100%;height:500px;border:0}

#frmWindow .windowcontent{width:100%;height:380px;overflow:auto;background:#fff;border:0}

#frmWindow .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}

#frmWindow .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}