/* init css*/
body, div, span, h1, h2, h3, h4, h5, h6, hr, p, blockquote, strong, var, b, u, i, center, dl, dt, dd, ul, ol, li, prea, address, fieldset, form, fieldset, label, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: none;}
body { color: #444; font-size:12px; font-family: Helvetica, Tahoma, Arial,"Microsoft YaHei", "微软雅黑", STXihei, "华文细黑",  SimSun, "宋体", Heiti, "黑体", sans-serif; }
ul, ol { list-style-type: none; }
select, input, img, select { vertical-align: middle; }
button, input, select, textarea { font-size: 100%; }
li { list-style-type: none; vertical-align: top; }
img { vertical-align: middle; border: 0px; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
a { border: 0; }
del { text-decoration: line-through; }
em { font-style: normal; }
legend { color: #222; }
fieldset { border: 0; }
a { color: #666; text-decoration: none; }
a:hover { color: #bf1a21; text-decoration: none; }

.clearfloat:before,.clearfloat:after {content:"";display:table;}
.clearfloat:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfloat { *zoom:1; }

/*****************************
Author: Jade Gu;
Date: 20140716;
 *****************************/

/* main */
.fl, .fr {*display:inline;}
.fl { float: left; }
.fr { float: right;}
.w990	{ width: 990px; margin:0 auto;}
.tc { text-align:center;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt25 { margin-top: 25px;}
.mb10 { margin-bottom: 10px;}
.mb15 {  margin-bottom: 15px; }
.rel { position: relative;}
.img-con { overflow:hidden;}
.img-con img { float:left;}
ul.list li { float:left; *display:inline;}

.wrap { background: #b20c13 url(topbg.jpg) no-repeat center top;}
/* 报名 */
.sign { position: absolute; top:0; right:0; width: 491px; height: 239px;background-color: #fffbe1;}
.sign-top { height: 59px; background-color: #ff3d6f; color:#000; font-size: 30px; line-height: 59px;}
.sign-top span { color:#fff; font-family: Arial; font-size: 36px; font-weight: 700;}
.sign-form {  font-size: 18px;}
.sign-form p { color:#e60352; font-size: 16px; font-weight: 700;text-align: center; margin-top: 10px;}
.input-item { margin-top: 10px; *margin-top: 6px; text-align: center; }
.input-item input { width: 214px; height: 30px; border:1px solid #333; outline:0; line-height: 30px;}
.input-item label { position:relative; top:2px;  font-size: 26px; color:#000; line-height: 32px; }
.get { display:block; width:170px; height: 40px; margin:6px auto 0 auto; background-color: #f8235a; color:#fff; text-align: center; font-size: 24px; font-weight: 700;border:0; outline:0; cursor:pointer;}
/* 导航 */
.nav { overflow:hidden; width: 100%;}
.fixed { position:fixed; _position:absolute; top:0; left:0; width: 100%; z-index: 99;}
.nav-inner { padding:6px 0 6px 6px; width:100%; background-color: #fff;;}
.bg1 { background-color: #f8235a;}
.bg2 { background-color: #ff3d6f;}
.nav-item { float:left; height: 50px; padding:14px 18px; *padding:14px 16px;  text-align: center; color:#fff; font-size: 16px;white-space:nowrap; cursor:pointer; *font-family:SimSun;}
.nav-inner .last {color:#ffe92a; line-height: 50px; *padding:14px 15px; }
.nav-item.on, .nav-item:hover { background-color: #ffe92a; color:#f8235a;}
.nav-item h2, .nav-item em { font-size: 24px; font-weight: 700;}
/* 抢订 */
.book { background-color: #b20c13; padding-bottom:45px;}
.book-item {width: 484px; height: 285px; background:url(shadow.jpg) no-repeat center bottom; padding-bottom:13px;}
/* 0利闪购 */
.zero-01, .zero-02, .zero-03 { padding-bottom:45px;}
.zero-01 { background-color: #b20c13;}
.zero-01 .w990 { overflow:hidden;}
.zero-01-main { width: 101%;}
.zero-01-item { float:left; width: 240px; height: 332px; margin-right:9px; cursor:pointer;}
/* 0元换购 */
.zero-02 { background-color: #b20c13;}
.zero-02 .w990 { overflow:hidden;}
.zero-02-main { width: 101%;}
.zero-02-item { float:left; width: 195px; height: 268px; margin-right:4px; cursor:pointer;}
/* 0度体验 */
.zero-03 { background-color: #b20c13;}
/* 劲爆现场活动 */
.scene { background-color: #b20c13;padding-bottom:5px;}
/* 头图CSS3动画 */
.anim { position:absolute; bottom:20px; left:50%; width: 520px; margin-left: -260px;}
.anim-item { float:left; width: 130px; height: 177px; background-image:url(sprite1.png); background-repeat: no-repeat;}

.anim-01 { background-position:0px 0;  }
.anim-02 { background-position:-147px 0; }
.anim-03 { background-position:-296px 0; }
.anim-04 { background-position:-463px 0; }

.anim-item {
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}

.anim-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
}

.anim-01 {
	-webkit-transform-origin:38% 0;
	-moz-transform-origin:38% 0;
	-o-transform-origin:38% 0;
	 transform-origin:38% 0;
}
.anim-02 {
	-webkit-transform-origin:52% 0;
	-moz-transform-origin:52% 0;
	 -o-transform-origin:52% 0;
	  transform-origin:52% 0;}
.anim-03 {
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-o-transform-origin:50% 0;
	transform-origin:50% 0;}
.anim-04 {
	-webkit-transform-origin:70% 0;
	-moz-transform-origin:70% 0;
	-o-transform-origin:70% 0;
	transform-origin:70% 0;
}


.anim-item:hover {
	-webkit-animation: swing 1.2s ease-in-out infinite;
	-moz-animation: swing 1.2s ease-in-out infinite;
	-o-animation: swing 1.2s ease-in-out infinite;
	animation: swing 1.2s ease-in-out infinite;
}

@-webkit-keyframes swing {
	0% { -webkit-transform:rotate(-25deg); }
	50% { -webkit-transform:rotate(25deg);}
	100% { -webkit-transform:rotate(-25deg);}
}
@-moz-keyframes swing {
	0% { -moz-transform:rotate(0deg); }
	50% { -moz-transform:rotate(-25deg);}
	100% { -moz-transform:rotate(-25deg);}
}
@-o-keyframes swing {
	0% { -o-transform:rotate(-25deg); }
	50% { -o-transform:rotate(25deg);}
	100% { -o-transform:rotate(-25deg);}
}

@keyframes swing {
	0% { transform:rotate(-25deg); }
	50% { transform:rotate(25deg);}
	100% { transform:rotate(-25deg);}
}
.top { height: 578px;} .sign { height: 239px;}
.mab18{ margin-bottom:18px;}
.bg { background:#b20c13 no-repeat center top; padding-bottom:15px;}


/*<!----------wrap02---------->*/

.wrap02{ background:#b20c13; padding-top:10px;}
.mt10{margin-top:10px;}
.mr25{ margin-right:25px;}
.draw{ position:relative; width: 990px; height: 330px; overflow: hidden;}
.zhuan{ position:absolute; left:0px; top:0px; z-index:10; width:410px; height:330px; overflow:hidden;}
.draw_bm{position:absolute; left:437px; top:266px; height:41px; width:500px; cursor:pointer; }
.draw_bm a.bmbtn{display:block; background:url(bm.png); height:41px; line-height:41px; width:127px; text-align:center; font-size:23px; font-weight:bold; color:#fff; float:left; margin-right:15px; }
.draw_bm p{color:#000; font-size:20px; font-weight:bold; line-height:30px; }
.draw_bm p span{ font-size:30px; color:#f00000;margin:0 10px; }
.main_con{ background:#d72020; padding:10px 0; overflow:hidden;}
.main_con ul li{ float:left; cursor:pointer;}
.limited .limit_con p{color:#fff; font-size:22px; text-align:center; width:100%;}
.limited .limit_con p span{ font-weight:bold;}
.limited .limit_con p.limit_p2 { font-size:23px; cursor:pointer;}
.limited .limit_con p.limit_p2 span{ color:#fcfe00;font-size:28px;}
.limited .limit_con ul{ padding-left:15px; margin-top:10px;}
.limited .limit_con ul li{ width:309px; height:365px; margin-right:15px;}
.hotProd .prodList ul{ padding-left:5px;}
.hotProd .prodList ul li{ width:161px; height:192px; margin:0px 3px 3px 0px;}

.sale-title { background: url(title-bg.jpg) no-repeat; height: 50px; text-align: center; margin:5px 0;}