/*layout.css*/
body{ background: #ef377b; }
.doc{ padding: 310px 0 0; text-align: left;background:  url(images/header.jpg) no-repeat center top; }
.wrap{ width: 1002px; margin: 0 auto; }

/*module*/
.box{ margin: 75px 0 0}
.box1{margin-top: 15px;}
.box5{ margin: 75px 0 35px; }
.box .box-hd{overflow: hidden; background: url(images/main.png) no-repeat 0 0; margin-left: -22px;padding-bottom: 75px; margin-bottom: -75px;position: relative; text-align: center;height: 39px;line-height: 39px;padding-right: 59px;margin-right: -59px;}
.box1 .box-hd{padding-top: 15px;margin-top: -15px;background-position: 0 0;height: 37px;line-height: 37px;}
.box2 .box-hd{ background-position:0 -131px}
.box3 .box-hd{ background-position: 0 -247px; }
.box4 .box-hd{ background-position: 0 -363px; }
.box5 .box-hd{ background-position: 0 -479px; }
.box .box-bd{ background: #fff; zoom: 1; width: 1000px; border-top:none; overflow: hidden; }
.box2 .box-bd{ border-color: #46d099}
.box3 .box-bd{ border-color: #cf4ee6}
.box4 .box-bd{ border-color: #84c231}
.box5 .box-bd{ border-color: #03dbe5}
.box .mark{ font:bold 24px/37px "Microsoft YaHei"; color:#fff447; margin-right: 15px; float: none; margin-left: 75px; }
.box .sub-mark{ font: 18px/37px "Microsoft YaHei"; color:#ffffff; }

/*图片列表*/
.pic-txt{ padding: 0 0 9px 6px; width: 1100px; }
.pic-txt li{ float: left; display: inline; margin: 10px 9px 0 0; }
.pic-txt a { display: block; width: 320px; height: 334px; border: 1px solid #d3d3d3; position: relative; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear; }
.pic-txt a:hover{ text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); transform: translateY(-5px); z-index: 8; -webkit-transform: translateY(-5px); }
.pic-txt img{ width: 320px; border-bottom: 1px dotted #d3d3d3;}
.pic-txt .txt{ width: 320px; overflow: hidden; }
.pic-txt .p-tit{ text-align: center; font:bold 18px/34px "Microsoft YaHei"; color:#202020; height: 34px; overflow: hidden; }
.pic-txt .p-txt{ text-align: center; font: 14px/18px "Sim Sun"; color:#202020; height: 18px; overflow: hidden; }

.pic-txt .price{ float: left; display: inline; width: 200px; padding: 3px 0 0 7px; font-family: "Microsoft YaHei"}
.pic-txt .price1{ color:#afafbb; font-family: "Microsoft YaHei"; text-decoration: line-through; height: 18px; line-height: 18px; }
.pic-txt .price2{ color:#000; font-weight: bold; height: 24px; line-height: 24px; font-size:14px; }
.pic-txt .price2 span{ color:#f60616; font-size:14px; font-weight: bold; font-family: "Sim Sun"}
.pic-txt .price2 .num{ font: bold 24px "Microsoft YaHei"; line-height: 24px; }
.pic-txt .buy{ width: 102px; height: 33px; background: #f60616; color:#fff; font: bold 18px/33px "Microsoft YaHei"; float: left; display: inline; text-align: center; margin: 18px 0 0; }
.pic-txt a:hover .buy{ background: #ffa421; cursor: pointer; }

.pic-txt2{ overflow: hidden; padding: 0 0 10px 0; margin: 0 -30px 0 0; zoom: 1; }

/*图标*/
.icon{
	position: absolute;
	top: -1px;
	left: 3px;
	background: url(images/icon.png) no-repeat 0 0;
	width: 59px;
	height: 88px;
	overflow: hidden;
	color:#fff;
	text-align: center;
	padding: 7px 0 0;
}
.icon2{ background-position: -66px 0; top: 5px; left: 5px; width: 76px; height: 74px; padding: 0; line-height: 74px; }
.icon3{ background-position: -149px 0; width: 61px; height: 63px; left: -1px; }
.icon4{ background-position: -212px 0px; width: 77px; height: 77px; top: 2px; }
.icon5{ background-position: -291px 0px; width: 61px; height: 69px; top: 5px; left: 3px; padding: 3px 0 0; }
.icon6{ background-position: -353px 0px; width: 66px; height: 63px; top: 5px; left: 3px; }
/*图标文字*/
.icon .t1,.icon .t2{ font: bold 22px "Microsoft YaHei"; display: block; }
.icon .t2{ font-size:16px; height: 24px; line-height: 24px; }
.icon2 .t1{ height: 74px; line-height: 74px; }
.icon5 .t2{ line-height: 24px; }
.icon6 .t1{ font-size:20px; }
.icon6 .t2{ font-size:12px; height: 16px; line-height: 16px; }

/*右侧导航*/
*html{ background-image: url(about:blank); background-attachment: fixed; }
.nav{ position: fixed; bottom: 30px; left: 50%; margin: 0 0 0 490px; height: 324px; width: 120px; padding: 70px 40px 0; background: url(images/nav.png) no-repeat -0px 0px; _position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-30); display: none; }
.nav a{ display: block; height: 43px; color:#ff4c29; font: bold 20px/43px "Microsoft YaHei"; text-decoration: none;text-indent: -6px; }
.nav a:hover{ color:#ed4dbf; text-decoration: none; }
.nav .last{ height:50px; line-height: 50px; color:#ff4c29; text-indent: -9999px;}
.nav .last:hover{ color:#ed4dbf; }

/*footer*/
body #bottom .links { background:none; text-align:center; }
body #bottom .links ,body #bottom .links a { color:#fff; }