@charset "UTF-8";
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{margin: 0;padding: 0;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details{display: block;}
table{border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;font-weight: normal;}
html, body, fieldset, img, iframe, abbr{border: 0;}
i, cite, em, var, address, dfn{font-style: normal;}
[hidefocus], summary{outline: 0;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6, small{font-size: 100%;}
sup, sub{font-size: 83%;}
pre, code, kbd, samp{font-family: inherit;}
q:before, q:after{content: none;}
textarea{overflow: auto;resize: none;}
label, summary{cursor: default;}
a, button{cursor: pointer;}
h1, h2, h3, h4, h5, h6, em, strong, b{font-weight: bold;}
del, ins, u, s, a, a:hover{text-decoration: none;}
body, textarea, input, button, select, keygen, legend{outline: 0;}
a, input, span{-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
 textarea, button{border-radius: 0;background-color: transparent;appearance: none;-webkit-appearance: none;}
select{border-radius: 0;background-color: transparent;appearance: none;}
input::-webkit-calendar-picker-indicator {
    display: none;
-webkit-appearance: none;}
img{max-width:100%;vertical-align:top;}
a{hide-focus:expression(this.hideFocus=true); outline:none;}/*解决IE6链接的虚线问题*/
html{ overflow-x:hidden; min-height:100%;  position: relative;}/*防止出现横向滚动条*/ 
body,html,p{margin:0;padding:0;border:0;}
.wrapper{overflow:hidden;}
.header{}
.container{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
body{font-family:'Microsoft YaHei',verdana,Arial;font-size:14px;}

.hide{display:none!important;}
.header{background:#333;overflow:hidden;}
.header .logo{padding:8px 0;display:block;}
.header .logo img{height:36px;display:block;}
.header .search{margin:18px 0;height:30px;background:#fff;border-radius:2px;overflow:hidden;}
.header .search input{width:80%;border:0;height:30px;margin:0 5px;}
.header .search img{width:20px;margin:5px 0;}

.buy {margin:65px 0 90px;text-align:center;}
.buy .icon{
	margin:65px 0;
}
.m-title{
	font-size:50px;
	color:#333;
	line-height:50px;
	text-align:center;
}
.buy .group{
	overflow:hidden;
}
.buy .group .infor{
	width:520px;
}

.buy .group .infor{
	text-align:left;
}
.buy .group .infor .m-title{
	text-align:left;
}
.buy .group .infor img{
	margin:25px 0 48px;
}
.buy .group .infor p{
	font-size:30px;
	color:#333
}
.buy .group .pic{
	width:408px;
	position:relative;
}
.buy .group .pic .box{
	position:absolute;
	top:60%;
	left:-267px;
	border:1px solid #333;
	width:375px;
	height:116px;
}
.buy .group .pic .box .wrap{
	background:#EFEDF0;
	width:375px;
	height:116px;
	line-height:116px;
	margin:25px 0 0 -35px;
	font-size:20px;
	color:#333;
	overflow: hidden;
}
.buy .group .pic .box .wrap p{
	margin:0 84px;
	color:#333;
	line-height:initial;
	vertical-align:middle;
	display:inline-block;
	*display:block;
	*zoom:1;
}
.current{
	text-align:center;
}
.current .m-title{
	margin:35px 0;
}

.productList{
	margin-top:50px;
	margin-left:-40px;
	overflow:hidden;
}
.productList li{
	float:left;
	width:580px;
	margin:0 0 40px 40px;
	background:#F6F6F6;
}
.productList li a{
	display:block;
}

.productList li .infor{
	padding:48px 20px;
	color:#333;
	text-align:center;
}
.productList li .title{
	font-size:24px;
	line-height:24px;
}
.productList li .price{
	font-size:26px;
	line-height:26px;
	margin-top:20px;
	display:block;
}

.footer{
	padding:30px;
	background:#333;
}
.footer .title{
	line-height:50px;
	font-size:50px;
	color:#fff;
	font-weight:700;
	margin-bottom:25px;
	text-align:center;
}
.footer .footNav .list{
	text-align:center;
	margin:20px 0 60px;
	    font-size: 0;
}
.footer .footNav .list li{
	display:inline-block;
	border-left:.02rem solid #565656;
	
}
.footer .footNav .list li a{
	display:block;
	padding:0 35px;
}
.footer .footNav .list li a img{
	width:60px;
}
.footer .footNav .list li:first-child{
	border-left:0;
}
.footer .contact{
	font-size:30px;
}
.footer .contact .wrap{
	display:inline-block;
	vertical-align:middle;
	font-size:0;
}
.footer .contact .wrap img{
	width:38px;
	vertical-align:middle;
}
.footer .contact{
	text-align:center;
}
.footer .contact .wrap span{
	font-size:14px;
	line-height:14px;

	color:#D6D6D6;
	vertical-align: middle;
}
.footer .contact .wrap:first-child+.wrap{
	margin:0 20px;
}


.crumbs{padding:21px 0;margin-bottom:40px;background:#F6F6F6;}
.crumbs a{color:#999;font-size:12px;}

.detailsInfor{overflow:hidden;}
.pro-box{padding:40px 50px 105px;background:#fff;overflow:hidden;}
.pro-show{overflow:hidden;}
.pro-show .bigpic{width:500px;height:574px;overflow:hidden;text-align:center;line-height:566px;background:#F6F6F6;}
.pro-show .bigpic img{vertical-align:top;}
.pro-show .bigpic a{line-height:initial;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.pro-show .bigpic .prev{margin-right:30px;}
.pro-show .bigpic .next{margin-left:30px;}
.pro-show .bigpic .photo{width:350px;height:350px;line-height:350px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.pro-show .bigpic .photo img{vertical-align:middle;}
.pro-show  .thumb{width:140px;margin-right:24px;position:relative;}
.pro-show  .thumb>a{width:20px;height:20px;display:block;margin:20px auto;}
.pro-show  .thumb .wrapList{height:455px;overflow:hidden;position:relative;}
.pro-show  .thumb .list{position:absolute;top:0;bottom:60px;left:0;}
.pro-show  .thumb .list li{width:140px;height:140px;margin-bottom:20px;}
.pro-show  .thumb .list li a{display:block;text-align:center;height:100%;}

.pro-show  .thumb .list li.active a{ box-sizing: border-box;}
.pro-box  .pro-info{width:635px;}
.pro-box  .pro-info h2{font-size:34px;font-weight:normal;color:#1D1000;margin-bottom:40px;}
.pro-box  .pro-info .money b{line-height:36px;margin-right:20px;font-size:36px;color:#000;font-weight:normal;}
.pro-box  .pro-info .money b span{font-size:24px;margin-right:10px;}
.pro-box  .pro-info .money >span{color:#666;font-size:24px;}
.pro-box  .pro-info .text{line-height:18px;font-size:17px;padding:50px 0;margin-top:40px;border:1px solid #dedede;border-left:0;border-right:0;}

.productInfor{margin-left:83px;padding:40px 0;}
.productInfor>.title{font-size:20px;margin-bottom:30px;font-weight:700}
.productInfor .price{font-size:24px;font-weight:700;margin-bottom:171px;}
.productInfor .price span{font-size:12px;}
.productInfor .share .title{font-size:14px;color:#999}
.shareList{margin:10px 0 0 -10px;overflow:hidden;}
.shareList li{float:left;}

.tab{margin-top:120px;overflow:hidden;}
.tab .tabList{overflow:hidden;border-bottom:1px solid #D8D8D8}
.tab li{float:left;margin-right:95px;}
.tab li a{display:inline-block;*display:inline;*zoom:1;color:#333;padding:0 10px 10px;}
.tab li a img{vertical-align:middle;opacity:.5;margin-right:5px;}
.tab li.active a,.tab li:hover a{border-bottom:2px solid #707070;opacity:1;}
.tab li.active a img,.tab li:hover a img{opacity:1;}
.tab .content{margin:72px 0;}