@charset "utf-8";
/* CSS Document */
@import url("//image.360lj.com/css/commonhome.css");

/* 默认样式初始化 */
body,h4,h5,p{ margin:0; }
ul{ padding:0; }
li{ list-style:none; }
a{ text-decoration:none; }
img{ font:20px/80px '微软雅黑'; text-align:center; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
// h4,h5,p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
b{ font-weight:normal; }

/* 清浮动 */
.clearfix:after{ content:''; clear:both; display:block; }
.clearfix{ zoom:1; }

/*html5  因为HTML5在IE8默认情况下表现为内联元素，对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局*/  
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}


.wrap{
	background: #ff8b00;
	position: relative;
	padding-bottom: 50px;
}
.com{
	width: 1200px;
	margin: 0 auto;
}
.yellow{
	color: yellow;
}

/* 时间轴 */
.time-axis{
	color: white;
	height: 99px;
	font-size: 20px;
	font-weight: 700;
	display: none;
}
.time-axis li.on{
	color: yellow;
}
.time-axis .com{
	position: relative;
}
.time-axis .flag{
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	height: 140px;
	background: url(../images/nk/znq-ico.png) no-repeat;
}
.time-axis ul{
	padding-left: 140px;
}
.time-axis ul li{
	float: left;
	width: 130px;
	padding: 15px 0 0 10px;
}
.time-axis ul li span{
	font-size: 16px;
	font-weight: 400;
}


.banner{
	width: 100%;
    height: 808px;
    background: url(../images/fc/banner.png) no-repeat center 0px;
    margin-bottom: 30px;
}


article{
	position: relative;
}
article .tit-l{
	margin-top: 50px; margin-bottom: 30px;
	height: 216px;
}
article .tit-l.product-1{
	background: url(../images/fc/product-1.png) no-repeat center 0;
}
article .tit-l.product-2{
	background: url(../images/fc/product-2.png) no-repeat center 0;	
}
article .tit-l.product-3{
	background: url(../images/fc/product-3.png) no-repeat center 0;	
}
article .tit-l.product-4{
	background: url(../images/fc/product-4.png) no-repeat center 0;	
}

/* 优惠券 */
.coupon{
	height: 325px;
	padding-left: 105px;
	background: url(../images/fc/coupon.png) no-repeat center 0;
}
.coupon a{
	display: inline-block;
	width: 311px;
	height: 278px;
	cursor: pointer;
}

/* 活动流程 */
.liucheng{
	height: 429px;
	background: url(../images/fc/miandan.png) no-repeat;
	margin-top: 20px;
}
.liucheng h5{
	font-size: 40px;
	font-weight: 700;
	color: white;
	line-height: 2;
}
.liucheng .free{
	padding: 50px 0 0 150px;
}
.liucheng .free p{
	color: yellow;
	font-size: 20px;
	line-height: 1.5;
	width: 550px;
}
.liucheng .free .btn{
	height: 36px;
	line-height: 36px;
	font-size: 22px;
	color: yellow;
	display: inline-block;
	border: 2px solid yellow;
	border-radius: 20px;
	padding: 0 10px;
	margin: 20px 0 40px 10px;
}

/* 其他专题 */
.other{
	// height: 1471px;
	// background: url(../images/zssj/more.jpg) no-repeat center 0px;
}
.other .h{
	text-align: center;font-size: 60px;font-weight: 700; color: white; line-height: 3;
}
.other .box{
	margin: auto;
}
.other .box a{
	display: inline-block;
	width: 228px;
	height: 292px;
	background: white;
	margin-right: 10px;
	margin-bottom: 32px;
	border-radius: 10px;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);  
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);  
    box-shadow:0 0 10px rgba(0, 0, 0, .3);  
}
.other .box a.nk{
	background: url(../images/znq/znq-nk.jpg) no-repeat;
}
.other .box a.zssj{
	background: url(../images/znq/znq-zssj.jpg) no-repeat;
}
.other .box a.fsg{
	background: url(../images/znq/znq-fsgt.jpg) no-repeat;
}
.other .box a.gp{
	background: url(../images/znq/znq-gb.jpg) no-repeat;
}
.other .box a.xnxg{
	background: url(../images/znq/znq-xnxg.jpg) no-repeat;
}

/* .goods_list {
    background: #9da6f5;
    padding: 10px 0 10px 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.goods_list .tit-m {
    position: relative;
    font-size: 46px;
    text-align: center;
    color: white;
    height: 80px;
    line-height: 75px;
}
 */
/*模板通用样式开始*/
.goods_list{/* width:1190px; padding:0 10px;*/ display: block;} 
.goods_list li{width:228px;  /* height:334px; */  position: relative; background-color: #fff; float: left; margin:0 15px 15px 0; border-radius: 4px;}
.goods_list li:nth-child(5n){margin-right:0;}
.goods_list li .img{/* width:220px; */ height:220px;padding:10px; }
.goods_list li .img img{width:100%; transition: all 0.5s;}
.goods_list li .info{padding:0 12px 12px 12px; color:#333; background: #f4f4f4;}
.goods_list li .info .tit{height:35px; line-height:35px;font-size:16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-top: 8px;}
.goods_list li .pro_price,.goods_list li .old_price{ font-size:16px;}
.goods_list li .pro_price span{font-size:16px; color: #414640;}
.goods_list li .pro_price span.old_price{ font-size: 14px; float: right;}
.goods_list li .pro_price i{font-size:20px; color: #414640;}
.goods_list li .old_price i,.goods_list li .old_price span{text-decoration: line-through; color: #999; font-size: 14px;}
.goods_list .btn2{height:29px; line-height: 29px; display: block;  font-size:14px; color:#fff;text-align: center; background:#5ab041; 
 	margin-top: 10px; border-radius: 4px;} 
.goods_list .btn{width: 90px; height: 26px;line-height: 26px; color: #e4393c; border: 1px solid #e4393c; display: inline-block; border-radius: 14px; font-size: 14px;
text-align: center; float: right;}
/* .goods_list a.btn:hover{background-color:#fffea6 ;} */

/*隐藏两个还没用上的*/
.goods_list .sales{display: none;}
.goods_list .adv{display: none;}

/*hover伪类实现特效*/
.goods_list li .hover{opacity:0;width:3px; height: 3px; background-color: #FF272C;position: absolute;z-index: 9; transition: all 0.6s ease 0s;}
.goods_list li .left{left:0; top:0;transition:all 0.6s ease 0s;}
.goods_list li .top{left:0; top:0;transition:all 0.6s ease 0s;}
.goods_list li .right{right:0; bottom:0;transition:all 0.6s ease 0s;}
.goods_list li .bottom{right:0; bottom:0;transition:all 0.6s ease 0s;}
.goods_list li:hover img{margin-top:-10px;}
/* .goods_list li:hover .hover{opacity:1;}
.goods_list li:hover .left{height:400px;}
.goods_list li:hover .top{width:290px;}
.goods_list li:hover .right{height:400px;}
.goods_list li:hover .bottom{width:290px;}
 */
/*模板通用样式结束*/

.goods_list.discount li{
	height: 352px;
}
.goods_list.discount li .img{
	height: 200px;
}
.goods_list.discount li .info{
	background: #f4f4f4;
	padding: 0 15px 15px 15px;
}
.goods_list.discount li .old_price{
	font-size: 14px;
	float: right;
	color: #f10089;
}
.goods_list.discount li .info .tit{
	color: #f10089;
	font-size: 16px;
}
.goods_list.discount li .pro_price span{
	color: #f10089;
}
.goods_list.discount li .pro_price i{
	color: #f10089;
}
.goods_list.discount li .old_price span{
	color: #f10089;
}
.goods_list.discount li .old_price i{
	color: #f10089;
	font-size: 14px;
}




/* 浮动的侧边导航 */
.nav_side{ background:url(../images/fc/nav_side.png) no-repeat; position:fixed; top:50%; left:20px; z-index:1; width: 185px;
	height: 640px;  display: none; padding-top: 61px;}
.nav_side span{position: relative; line-height: 40px; color:#fff; cursor:pointer;
text-align:center; border-bottom: 1px solid #8250ff; display:block; font-size: 16px; width: 149px; margin-left: 22px; line-height: 43px; }
.nav_side span:nth-child(1){ border-top: 1px solid #8250ff; }
.nav_side span a{color: #fff;}
/* .nav_side span .jiao{position: absolute; top: 10px; right: 0; width: 13px; height: 13px; background: url(../images/angular-icon1.png) no-repeat; } */
.nav_side strong{ height:50px; border-radius:0 50%; display:block; margin-top: 10px; cursor: pointer;}
.nav_side .first{ margin-top:92px; }
/* .nav_side span.active .jiao{position: absolute; top: 10px; right: 0; width: 13px; height: 13px; background: url(../images/angular-icon2.png) no-repeat; } */
.nav_side .active{ color:#ffff00; }
.part{
	position: relative;
	top: 0;
}