@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}

/* 浮动的侧边导航 */
.nav_side{ background:url(../images/nav_side.png) no-repeat; position:fixed; top:70%; left:20px; z-index:1; width: 300px;height: 490px; padding-top: 190px;  display: none; }
.nav_side span{
	position: relative;
	line-height: 30px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	display: block;
	width: 100px;
	font-weight: bold;
	margin-top: 6px;
	margin-left: 52px;
	height: 30px;
}

.nav_side span a{color: #fff; display: block;}
/* .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{
	width: 100px;
	height: 30px;
	border-radius: 0 50%;
	display: block;
	margin-top: 14px;
	margin-left: 54px;
	cursor: pointer;
	font-size: 26px;
	text-align: center;
	color: #ffffff;
	padding-top: 22px;
}
.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:#c1e613; }
.part{position: relative;top: 0;}

	/*本页面导航*/
	.nav_side span:nth-child(1){margin-top: -54px;}

/*居中容器*/
.center{position: relative;margin:0 auto;min-width: 990px;overflow: hidden;}

/*banner*/
.banner{height: 925px;background: url(../images/banner.jpg) no-repeat center 0px;}

/*规则*/
.rule{height: 492px;background: url(../images/bk/rule.jpg) no-repeat center 0px;}

.rule_div{margin:0 auto;margin-top: 20px;width: 886px;height: 408px;border-radius:60px;border: 24px solid #ffd144;background-color: #fd7021;color: #ffffff;}

.rule_div h1{margin-top: 20px;height: 42px;font-size: 38px;line-height: 44px;text-align: center;}

.rule_div_p01{margin: 0 auto;margin-top: 10px;width: 732px;font-size: 28px;line-height: 34px;}

.rule_div_p02{margin: 0 auto;margin-top: 5px;width: 732px;font-size: 20px;line-height: 26px;}

/*领劵专区*/
.coupon{height: 304px;background: url(../images/bk/coupon.jpg) no-repeat center 0px;text-align: center;}

.coupon_title{margin-top: 26px;}

.coupon ul{margin:0 auto;margin-top: 20px;width: 990px;overflow: hidden;}

.coupon ul li{float: left;margin-left: 6px;border-radius: 176px;overflow: hidden;}

/*优秀员工展示*/
.staff{height: 678px;background: url(../images/bk/staff.jpg) no-repeat center 0px;}

.staff_div01{margin:0 auto;width: 990px;text-align: center;}

.staff_div01_img{margin-top: 32px;}

.staff_div02{margin-top: 30px;height: 516px;color: #9f0fed;font-size: 30px;line-height: 74px;background:url(../images/staff_ul_bk.png);}

.staff_div02 ul{width: 1000px;overflow: hidden;}

.staff_div02 ul li{float: left;margin:20px 15px;width: 218px;}

.staff_div02 ul li h3{margin-top: 28px;height: 48px;color: #ffcd44;font-size: 24px;letter-spacing:5px;line-height: 48px;background-color: #9f0fed;}

.staff_div02 ul li p{margin-top: 20px;font-size: 16px;line-height: 20px;text-align: left;}

/*热销榜*/
.hot{height: 1717px;background: url(../images/bk/hot.jpg) no-repeat center 0px;text-align: center;}

.hot_img{margin-top: 30px;}

.hot_div{margin:0 auto;width: 990px;overflow: hidden;}

.hot_ul{margin-top: 50px;width: 1010px;overflow: hidden;}

.hot_ul li{float: left;margin-right: 11px;margin-bottom:10px;width: 322px;height: 368px;background-color: #ffffff;position: relative;}

.hot_ranking{position:absolute;margin-left: -50%;margin-top:-74%;width: 66px;height: 42px;color: #e0d259;font-size: 18px;line-height: 42px;background-color: #5801b4;border-radius: 0px 21px 21px 0px;}

.hot_ranking b{font-size: 24px;}

.hot_ul li h1{margin:0 auto;margin-bottom: 15px;width: 246px;color: #000000;font-size: 30px;line-height: 40px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}

.hot_ul li a{display: block;}

.hot_bottom{height: 54px;background:url(../images/hot_bottom.png) no-repeat center 0px;text-align: center;overflow: hidden;}

.hot_bottom div{float: left;}

.hot_bottom div:nth-child(1){color: #f52e44;font-size: 36px;line-height: 46px;padding-left: 8px;}

.hot_bottom div:nth-child(2){color: #ffffff;font-size: 18px;line-height: 54px;padding-left: 20px;}

.hot_jg{font-size: 39px;}

.hot_bottom a{float: right;margin-top:12px;margin-right: 10px;width: 110px;height: 30px;color: #ffffff;font-size: 18px;line-height: 28px;border-radius: 15px;border: 1px solid #ffffff;display: block;}

.hot_bottom a span{margin-left: 5px;width: 20px;height: 20px;color:#f94712;border-radius: 11px;line-height: 16px;background:#ffffff;display:inline-block;}

.hot_02{height: 1697px;background: url(../images/bk/hot_02.jpg) no-repeat center 0px;text-align: center;}

/*降价*/
.one{background: url(../images/bk/one.jpg) no-repeat center 0px;text-align: center;}

.one_div{margin:auto;margin-top: 30px;width: 990px;overflow: hidden;padding-bottom: 50px;}

.one_div h1{
	width: 506px; 
	height: 0;
    border-top: none;
    border-bottom: 54px #3a8df2 solid;
    border-right: transparent 54px solid;
    border-left: none;
    text-align: left;
    font-size: 40px;
    line-height: 54px;
    padding-left: 30px;
    color: #ffffff;
}

.one_div ul{padding-bottom: 10px;width: 1000px;background: #3a8df2;overflow: hidden;}

.one_div ul li{float: left;margin-left: 10px;margin-top: 10px;width: 480px;height: 212px;background: #ffffff;}

.one_div ul li a{float: left;margin:16px;display:  block;}

.one_div ul li img{width: 180px;height: 180px;}

.one_div ul li div{float: left;margin-left: 16px;margin-top: 16px;width: 234px;height: 180px;background: #ffffff;text-align: left;}

.one_div ul li div h2{margin-top: 10px;color: #f73b44;font-size: 16px;}

.one_div ul li div h2 i{font-size: 34px;}

.one_div ul li div h3{font-size: 16px;color:#c1c1c1;}

.one_div ul li div h3 i{text-decoration: line-through;}

.one_div ul li div .p01{margin-top: 12px;font-size: 16px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.one_div ul li div .p02{
	height: 48px;
	font-size: 16px;
	color:#f73b44;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.one_div ul li div a{margin:0px;width: 200px;height: 38px;color: #ffffff;font-size: 18px;line-height: 38px;background: #f73b44;text-align: center;border-radius: 6px;display:inline-block;}

/*链接*/
.lj{text-align: center;width: 990px;}

.lj div{width: 1010px;overflow: hidden;}

.lj div a{float: left;margin-right: 12px;margin-bottom: 12px;display: block;}

.lj_div{width: 990px;overflow: hidden;}

.lj_ul{padding-bottom: 50px;overflow: hidden;}

.lj_ul_li01{float: left;margin-top: 48px;margin-left: 142px;width: 253px;height: 73px;background: url(../images/lj_a01.png) no-repeat center 0px;text-align: center;}

.lj_ul_li02{float: right;margin-top: 48px;margin-right: 142px;width: 253px;height: 73px;background: url(../images/lj_a02.png) no-repeat center 0px;text-align: center;}

.lj_ul li a{display: block;}