@charset "utf-8";
.clbanner{width:100%;min-width:990px;height:580px;position:relative;overflow:hidden;}
.clbanner img{
	width:1920px;
	height:580px;
	position:absolute;
	top:8px;
	left:836px;
	margin-left:-960px;
	z-index:1
}

.clbanner2{width:100%;min-width:990px;position:relative;overflow:hidden;}
.clbanner2 img{
	width: 1920px;
	position: absolute;
	left:50%;
	margin-left: -960px;
	z-index: 1
}
.clbanner .clcategorys{position:relative;z-index:2;}
.clbanner .clcategorys ul{overflow:hidden;background:#fff;display:block;width:220px;height:579px;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.clbanner .clcategorys ul li{display:block;width:220px;border-bottom:1px dotted #ccc}
.clbanner .clcategorys ul li.clcategorys-hd{height:34px;background:#fff;text-align:center;line-height:34px;font-size:14px;color:#000;}
.clbanner .clcategorys ul li.clcategorys-li{height:109px;}
.clbanner .clcategorys ul li.clcategorys-li h3{font-size:16px;font-weight:normal;color:#000;padding:15px 15px 5px 15px}
.clbanner .clcategorys ul li.clcategorys-li p{padding:0px 15px;line-height:24px;}
.clbanner .clcategorys ul li.clcategorys-li p a{color:#333;margin-right:5px;}


.clrecommend{margin-top:25px;}
.clrecommend h1{font-weight:normal;color:#000;text-align:center;}
.clrecommend  .clrecommend-list{width:100%;margin-top:15px;margin-bottom:15px;overflow:hidden}
.clrecommend  .clrecommend-list ul li{display:block;width:293px;height:198px;border:1px solid #e1e1e1;background:#fff;float:left;margin-right:10px;   position:relative}

.clrecommend  .clrecommend-list ul li .commend-box{ width:198px;height:198px; background-color:#f1f1f1; position:absolute; right:0px; top:0px}
.clrecommend  .clrecommend-list ul li .commend-intro{ position:absolute;z-index:999;margin-top:10px; margin-left:8px}
.clrecommend  .clrecommend-list ul li .commend-intro b{ font-size:16px; line-height:30px;font-weight:normal;color:#000;}
.clrecommend  .clrecommend-list ul li .price{ font-size:14px; position:absolute; bottom:10px; left:8px}
.clrecommend  .clgoods-list .goods-imgbox{ width:293px;height:300px;position:relative;overflow:hidden}
.clrecommend  .clgoods-list .goods-imgbox .tit{font-size:16px;}
.clrecommend  .clgoods-list .goods-imgbox span{display:block;width:50px;height:60px;background:#FF4545;position:absolute;top:0px;right:10px;color:#fff;text-align:center;font-size:16px;line-height:20px;padding-top:10px;}
.clrecommend  .clgoods-list .goods-imgbox img.putong{width:280px;height:280px;margin:0 auto;position:relative;top:20px;}
.clrecommend  .clgoods-list .detail{ overflow:hidden;zoom:1; padding:0px 10px;line-height:30px}
.clrecommend  .clgoods-list .detail .tit{font-size:16px}
.clrecommend  .clgoods-list .detail .fl{ width:150px;font-size:14px}
.clrecommend  .clgoods-list .detail .fl b{color:#333;}
.clrecommend  .clgoods-list .detail .fl span{ text-decoration:line-through}
.clrecommend  .clgoods-list .detail .fr{ width:60px;text-align:center}
.clrecommend  .clrecommend-list ul{display:block;width:1250px;overflow:hidden;height:200px;}
.clrecommend .clrecommend-line{width:100%;height:34px;background:url('../images/bg_discounted.jpg') repeat-x;text-align:center;font-size:10px;color:#999;}

.clrecommend  .clgoods-list{width:100%;margin-top:15px;margin-bottom:15px;overflow:hidden}	
.clrecommend  .clgoods-list ul{display:block;width:1250px;overflow:hidden;height:380px;}
.clrecommend  .clgoods-list ul li{display:block;width:293px;height:370px;border:1px solid #e1e1e1;background:#fff;float:left;margin-right:10px;}	


.proBanner{ width:100%;height:350px; background-color:#CCC;overflow:hidden}
.container{margin-top:20px}
.container .new{ text-align:center;height:38px; line-height:38px; margin-bottom:10px}
.container .new em{ font-size:22px;color:#000; font-weight:bold}
.container .new span{ font-size:18px;color:#333; margin-left:10px}
.container .products{ overflow:hidden;zoom:1; border:1px solid #e1e1e1;height:360px; margin-top:15px}
.container .products .fl{ width:550px;height:360px; background-color:#CCC}
.container .products .fr{ width:618px;height:340px; padding:10px 20px}
.container .products .fr .header{ overflow:hidden;zoom:1}
.container .products .fr .header .branding{ width:120px;height:48px; border:1px solid #e1e1e1; float:left}
.container .products .fr .header .brand-intro{ float:left;line-height:48px; display:inline; margin-left:10px}
.container .products .fr .header .timer{ float:right;line-height:48px}
.container .products .fr .header .timer .lxftime{margin:0px 5px;font-weight:bold;color:#000;font-size:18px;}



.container .products .fr .name{ margin:30px 0px 10px 0px;font-size:24px;color:#000; line-height:22px;}
.container .products .fr .pro-intro{ font-size:14px;color:#666;}
.container .products .fr .pro-intro .pink{ color:#EB2B8B}
.container .products .fr .price{ margin-top:70px}
.container .products .fr .price .pink{color:#000; font-size:40px}
.container .products .fr .price .pink i{font-size:14px;}
.container .products .fr .price .ml10{ text-decoration:line-through; font-size:16px}
.container .products .fr .buy-icon{ width:168px; height:30px; line-height:30px; border:1px solid #e1e1e1; background:url(../images/bg_arrow.jpg) no-repeat left; overflow:hidden;zoom:1; float:right;}
.container .products .fr .buy-icon .discount{ float:left; width:72px; text-align:center; font-size:20px; color:#fff; font-weight:bold; line-height:30px}
.container .products .fr .buy-icon .discount em{ font-size:14px}
.container .products .fr .buy-icon .rightNow{float:right;width:85px;text-align:center;font-size:18px;coloe:#333}


	
/*------------------------------当浏览器的可视区域小于1230px------------------------------*/
@media screen and (max-width:1230px){
.clrecommend  .clrecommend-list ul li{width:321px;}
.clrecommend  .clgoods-list ul{height:402px}
.clrecommend  .clgoods-list ul li{width:321px;height:400px}

.clrecommend  .clgoods-list ul li .goods-imgbox{ width:321px;height:300px;}
.container .products .fr{ width:398px;}



}