@charset "utf-8";
/**
Author: Crony 2015.6.25
Version: 1.0
**/
.top-tlads{height: 100px;overflow: hidden;}

/*banner全屏大图*/
.banner-box{min-width:1190px;height:450px;position:relative;overflow:hidden;top: 41px;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:770px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:450px;}
.banner-box .bd li img {display: block;width: 770px;height: 450px;margin: auto;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{width:770px;position:absolute;top:172px;left:1%;right:1%;margin: auto;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../img/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../img/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute;top:245px;left:370px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:10px;background:#4fb4e4;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#fff;}

.side-banner{background: #fff;height:430px;width: 200px;position:relative;top: -32px;  overflow: hidden;}
.side-banner .new-ppf{height: 290px;background: #fff;overflow: hidden;padding: 10px;}
.side-banner .new-ppf .hdtitle{font-size: 18px;height: 26px;line-height: 26px;margin-bottom: 10px;font-weight: 700;}
.side-banner .new-psf{ width:180px; height:290px; overflow:hidden; position:relative;}
.side-banner .new-psf .hd{ height:15px; overflow:hidden; position:absolute;left:0px; bottom:45px; z-index:19999; }
.side-banner .new-psf .hd ul{ overflow:hidden; zoom:1; float:left;  }
.side-banner .new-psf .hd ul li{ float:left; margin-right:5px;  width:8px;height:8px;border-radius:1000px;text-align:center; background:#c0c0c0; cursor:pointer; }
.side-banner .new-psf .hd ul li.on{ background:#3fc1ff; color:#fff; }
.side-banner .new-psf .bd{ position:relative; height:100%; z-index:0;   }
.side-banner .new-psf .bd img{ width:180px; height:290px; }
.side-banner .announ{background: #f3f3f3;height: 118px;width:200px;text-align:left;padding: 10px;margin-top: -10px;}
.side-banner .announ .hdtitle{font-weight: 700;}
.side-banner .announ .infoList li{width: 180px; height:28px;line-height:28px;text-align:left;overflow: hidden;} 
.side-banner .announ .infoList li a{color: #666;} 
.announ-list{ overflow:hidden; position:relative;} 
.announ-list .hd{ overflow:hidden;height:28px;line-height: 28px;background:#f4f4f4;font-weight: 700;  padding-right: 15px;} 
.announ-list .hd .prev,.announ-list .hd .next{ display:block;  width:18px; height:18px; line-height:10px; float:right; margin-right:5px;margin-top:5px;overflow:hidden; cursor:pointer; background:url("../img/npbg.png") 0 -76px no-repeat;} 
.announ-list .hd .next{ background:url("../img/npbg.png") 0 -95px no-repeat;  } 
.announ-list .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.announ-list .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 
.announ-list .hd ul li.on{ background:#f00;  } 
.announ-list .bd{ padding:10px;   } 
.announ-list .bd ul{ overflow:hidden; zoom:1; } 
.announ-list .bd ul li{float:left; _display:inline;overflow: hidden;} 

.leftLoop{ overflow:hidden; position:relative;border-bottom: 1px solid #dedede;}
.leftLoop .column-proms ul{ overflow:hidden; zoom:1; }
.leftLoop .column-proms ul li{width: 100px; text-align:center; float:left; _display:inline; overflow:hidden;  }
.switch-btn{position:absolute;z-index:100;width:40px;height:74px;cursor:pointer;overflow:hidden;}
.switch-btn .btn-bg{position:absolute;z-index:1;top:0;left:0;width:40px;height:74px;background:#000;opacity:.5;filter:alpha(opacity=50);transition:opacity 0.2s linear 0s;}
.switch-btn:hover .btn-bg{opacity:.65;filter:alpha(opacity=65);}
.switch-btn .arr{position:absolute;z-index:2;top:16px;width:21px;height:42px;background:url(../img/bg.png?201506301) no-repeat;overflow:hidden;}
.switch-prev{display:none;}
.switch-prev .arr{left:9px;background-position:-271px -54px;}
.switch-next .arr{right:9px;background-position:-250px -54px;}

/*商品推荐*/
.floor-head {
	position:relative;
	height:38px;
	overflow:hidden;
}
.floor-head .line {
	position:absolute;
	z-index:1;
	top:20px;
	left:0;
	width:1190px;
	height:8px;
	background:url(../img/bg.png?201506301) 0 0 repeat-x;
	overflow:hidden;
}
.floor-head .main {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	cursor:default;
}
.floor-head .main h3 {
	float:left;
	padding-right:6px;
	background:#fff;
	font:normal 20px/34px 'microsoft yahei';
}
.floor-head .main h4 {
	float:left;
	color:#666;
	font:italic normal 14px/22px calibri;
}

.floor-promotions {
	margin-top:13px;
	paddibottom:20px;
}
.floor-promotions-main {
	height:499px;
}
.floor-promotions .column-ju {
	position:relative;
	float:left;
	width:190px;
	height:499px;
	_overflow:hidden;
}
.floor-promotions .column-ju .main {
	height:499px;
	overflow:hidden;
}
.floor-promotions .column-ju img {
	display:block;
	width:190px;
	height:500px;
}
.floor-promotions-main .column-ju .bottom-triangle {
	position:absolute;
	bottom:-10px;
	width:200px;
	height:10px;
	background:#ff4545;
}
.floor-promotions-main .column-proms {
	position:relative;
	float:left;
	width:999px;
	height:498px;
	border-right:1px solid #ddd;
	overflow:hidden;
}
.floor-promotions-main .column-proms .switch-btn {
	top:212px;
}
.floor-promotions-main .column-proms .switch-prev {
	left:0;
}
.floor-promotions-main .column-proms .switch-next {
	right:-1px;
}
.floor-promotions-main .column-proms .proms-item {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:999em;
	height:499px;
	border-right:1px solid #ddd;
}
.floor-promotions-main .column-proms .proms-item li {
	float:left;
	width:199px;
	height:497px;
	border:1px solid #ddd;
	border-left:0 none;
	border-right-color:#eee;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item {
	height:248px;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item-qiang .brand {
	width:150px;
	height:122px;
	margin:38px auto 0;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item-qiang .brand a {
	cursor:pointer;
}
.floor-promotions-main .column-proms .item-qiang .brand img {
	display:block;
	width:150px;
	height:60px;
	margin-bottom:15px;
}
.floor-promotions-main .column-proms .item-qiang .brand p {
	height:16px;
	margin-bottom:2px;
	font:12px/18px 'microsoft yahei';
	text-align:center;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item-qiang .time-left {
	height:18px;
	margin-top:9px;
	padding-left:40px;
	font-size:14px;
	line-height:18px;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item-qiang .time-left .iconfont {
	color:#bbb;
}
.floor-promotions-main .column-proms .item-qiang .time-left .split {
	padding:0 3px;
}
.floor-promotions-main .column-proms .item-qiang .time-left .secs {
	color:#ff5300;
}
.floor-promotions-main .column-proms .item-qiang .qianow {
	width:167px;
	height:29px;
	border:1px solid #ddd;
	margin:13px auto 0;
	background:#fdfdfd;
}
.floor-promotions-main .column-proms .item-qiang .qianow .discount {
	position:relative;
	float:left;
	width:69px;
	height:31px;
	margin:-1px 0 -1px -1px;
	background:#ff4545;
	color:#fff;
	font:14px/31px 'microsoft yahei';
	text-align:center;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item-qiang .qianow .discount b {
	font-size:24px;
	font-family:arial;
}
.floor-promotions-main .column-proms .item-qiang .qianow .btn {
	float:left;
	width:84px;
	height:29px;
	text-align:center;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item-qiang .qianow .btn a {
	font:14px/29px 'microsoft yahei';
}
.floor-promotions-main .column-proms .item .name {
	height:20px;
	margin:17px 18px 0;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item .name a {
	font-family:'microsoft yahei';
}
.floor-promotions-main .column-proms .item .price-discount {
	height:22px;
	padding:5px 18px 0;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item .price-discount .price {
	float:left;
	font:bold 14px/20px tahoma;
}
.floor-promotions-main .column-proms .item .price-discount .price i {
	margin-right:3px;
	font-family:arial;
}
.floor-promotions-main .column-proms .item .price-discount .price b {
	font-size:24px;
}
.floor-promotions-main .column-proms .item .price-discount .discount {
	display:inline;
	float:left;
	margin-left:10px;
	height:20px;
	padding:0 6px;
	border-radius:2px;
	background:#ff4545;
	color:#fff;
	font-family:'microsoft yahei';
	line-height:20px;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item .price-discount .discount b {
	font-size:14px;
	font-family:arial;
}
.floor-promotions-main .column-proms .item .other {
	height:22px;
	padding:1px 18px 0;
	overflow:hidden;
}
.floor-promotions-main .column-proms .item .other .price {
	float:left;
	color:#999;
	font-family:tahoma;
}
.floor-promotions-main .column-proms .item .other .price i {
	font-family:arial;
}
.floor-promotions-main .column-proms .item .other .num {
	float:right;
	color:#666;
	font-family:"microsoft yahei";
}
.floor-promotions-main .column-proms .item .other .num i {
	padding-right:2px;
	font-family:tahoma;
}
.floor-promotions-main .column-proms .item .face {
	width:120px;
	margin:25px auto 0;
}
.floor-promotions-main .column-proms .item .face img {
	display:block;
	width:120px;
	height:120px;
}
.floor-container {
	position:relative;
}
.floors {
	height:564px;
	margin-top:10px;
}
.floors .floor-name {
	position:relative;
	height:44px;
	overflow:hidden;
}
.floors .floor-name .floor-icon {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	float:left;
	width:5px;
	height:44px;
}
.floors .floor-name .floor-icon i {
	display:block;
	width:5px;
	height:44px;
	overflow:hidden;
}
.floors1 .floor-name .floor-icon i {
	background:#ff5500;
}
.floors2 .floor-name .floor-icon i {
	background:#2e82ff;
}
.floors3 .floor-name .floor-icon i {
	background:#fc5c67;
}
.floors4 .floor-name .floor-icon i {
	background:#39c0c5;
}


.floors .floor-name h2 {
	position:absolute;
	left:0;
	top:2px;
	z-index:1;
	width:191px;
	background:#f1f1f1;
	color:#555;
	font:bold 16px/44px 'microsoft yahei';
	text-indent:19px;
	overflow:hidden;
}
.floors .floor-tab {
	position:relative;
	top:2px;
	height:42px;
	margin-left:191px;
	background:#f1f1f1;
	overflow:hidden;
}

.floors1 .floor-tab li a:hover{background: #f50;color:#fff;text-decoration:none;}
.floors1 .floor-tab li{color:#ff5500;}
.floors2 .floor-tab li a:hover{color:#fff;text-decoration:none;}
.floors2 .floor-tab li{color:#2e82ff;}
.floors3 .floor-tab li a:hover{background: #fc5c67;color:#fff;text-decoration:none;}
.floors3 .floor-tab li{color:#fc5c67;}
.floors4 .floor-tab li a:hover{color:#fff;text-decoration:none;}
.floors4 .floor-tab li{color:#39c0c5;}
.floors .floor-tab .tab-item li {
	position:relative;
	z-index:3;
	float:left;
	width:119px;
	height:42px;
	font:bold 15px/42px 'microsoft yahei';
	text-align:center;
	cursor: pointer;
	overflow:hidden;
}
.floors .floor-tab .tab-item li.current {
	color:#fff;
}
.floors .floor-tab .tab-item li:hover{color: #fff;background: #f50;}
.floors .floor-tabcnt {
	position:relative;
	height:500px;
	margin-top:10px;
	overflow:hidden;
}
.floors .floor-item {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:1188px;
	height:498px;
	border:1px solid #ddd;
	background:#fff;
	overflow:hidden;
}
.floors .floor-item textarea {
	visibility:hidden;
	border:0 none;
	color:#fff;
}
.floors {
	position:relative;
}
.floors .switch-btn {
	top:263px;
}
.floors .switch-prev {
	left:0;
}
.floors .switch-next {
	right:0;
}
.floor-switch-tips {
	position:relative;
	top:-5px;
	z-index:20;
	height:25px;
	margin-bottom:-25px;
	overflow:hidden;
}
.floor-switch-tips .switch-tips {
	position:absolute;
	z-index:10;
	left:50%;
	height:22px;
	margin-left:-80px;
	line-height:18px;
	text-align:center;
}
.floor-switch-tips .switch-tips i {
	display:inline-block;
	height:20px;
	color:#999;
	font-family:"microsoft yahei";
	overflow:hidden;
}
.floors .floor-top {
	height:299px;
	overflow:hidden;
}
.floors .floor-bottom {
	height:199px;
	overflow:hidden;
}
.floors .col-links {
	float:left;
	width:189px;
	height:299px;
	margin-top:-1px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.floors .col-links .links {
	height:234px;
	margin-top:5px;
	margin-left:23px;
	font-size:0;
	overflow:hidden;
}
.floors .col-links .links a {
	display:inline-block;
	height:35px;
	margin-right:18px;
	margin-bottom:5px;
	color:#666;
	font:12px/35px 'microsoft yahei';
	white-space:nowrap;
	overflow:hidden;
}
.floors .col-links .links a.hot {
	font-weight:bold;
}
.floors1 .col-links .links a.hot,.floors1 .col-links .links a:hover {
	color:#f50;
}
.floors2 .col-links .links a.hot,.floors2 .col-links .links a:hover {
	color:#2e82ff;
}
.floors3 .col-links .links a.hot,.floors3 .col-links .links a:hover {
	color:#e87499;
}
.floors4 .col-links .links a.hot,.floors4 .col-links .links a:hover {
	color:#83602a;
}
.floors .col-links .btn {
	display:block;
	width:158px;
	height:38px;
	margin:4px auto 0;
	border:1px solid #ddd;
	background:#f1f1f1;
	font:bold 14px/38px 'microsoft yahei';
	text-align:center;
	overflow:hidden;
}
.floors .col-links .btn:hover {
	color:#fff;
	text-decoration:none;
}
.floors1 .col-links .btn {
	color:#f50;
}
.floors1 .col-links .btn:hover {
	background:#f50;
	border-color:#f50;
}
.floors2 .col-links .btn {
	color:#2e82ff;
}
.floors2 .col-links .btn:hover {
	background:#2e82ff;
	border-color:#2e82ff;
}
.floors3 .col-links .btn {
	color:#e87499;
}
.floors3 .col-links .btn:hover {
	background:#e87499;
	border-color:#e87499;
}
.floors4 .col-links .btn {
	color:#83602a;
}
.floors4 .col-links .btn:hover {
	background:#83602a;
	border-color:#83602a;
}
.floors .floor-act {
	float:left;
	width:1008px;
	margin-right:-30px;
	overflow:hidden;
}
.floors .floor-top .floor-act {
	height:300px;
	margin-top:-1px;
}
.floors .floor-bottom .floor-act {
	height:200px;
}
.floors .floor-act li {
	float:left;
	width:199px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.floors .floor-top .floor-act li {
	height:299px;
}
.floors .floor-bottom .floor-act li {
	height:199px;
}
.floors .floor-act li.col2 {
	width:399px;
}
.floors .floor-act li.col3 {
	width:599px;
}
.floors1 .floor-top .floor-act li.item0 {
	width:400px;
	height:300px;
	border:0 none;
}
.floors1 .floor-top .floor-act li.item1 {
	height:300px;
	border-bottom:0 none;
}
.floors1 .floor-bottom .floor-act li.item0 {
	width:400px;
	height:300px;
	border:0 none;
}
.floors1 .floor-bottom .floor-act li.item1 {
	height:300px;
	border-top:0 none;
}
.floors1 .floor-act li.item0 img {
	width:400px;
}
.floors .floor-act li img {
	display:block;
	width:200px;
}
.floors .floor-top .floor-act li img {
	height:300px;
}
.floors .floor-bottom .floor-act li img {
	height:200px;
}
.floors .floor-act li.col2 img {
	width:400px;
}
.floors .floor-act li.col3 img {
	width:600px;
}
.floors .floor-brands {
	float:left;
	width:189px;
	height:199px;
	border-right:1px solid #ddd;
	overflow:hidden;
}
.floors .floor-brands ul {
	width:200px;
	margin-right:20px;
}
.floors .floor-brands li {
	float:left;
	width:94px;
	height:66px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.floors .floor-brands li a {
	display:block;
	width:90px;
	height:30px;
	padding:18px 2px;
	background:#fff;
}
.floors .floor-brands li img {
	display:block;
	width:90px;
	height:30px;
}
.floors .floor-bottom .floor-act li.floor-prod {
	text-align:center;
}
.floors .floor-bottom .floor-act li.floor-prod .name {
	position:relative;
	height:20px;
	margin:0 10px;
	padditop:16px;
	overflow:hidden;
}
.floors .floor-bottom .floor-act li.floor-prod .name a {
	font:14px/1.5 'microsoft yahei';
}
.floors .floor-bottom .floor-act li.floor-prod .price {
	height:25px;
	margin-top:-2px;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
.floors .floor-bottom .floor-act li.floor-prod .price i {
	margin-right:5px;
	font-family:arial;
}
.floors .floor-bottom .floor-act li.floor-prod .price span {
	font-family:tahoma;
}
.floors .floor-bottom .floor-act li.floor-prod .price span b {
	font-size:20px;
}
.floors .floor-bottom .floor-act li.floor-prod .face {
	width:120px;
	height:120px;
	margin:10px auto 0;
}
.floors .floor-bottom .floor-act li.floor-prod .face img {
	display:block;
	width:120px;
	height:120px;
}

.particular-list {
	position:absolute;
	top:0;
	right:-2px;
	z-index:5;
	width:600px;
	height:498px;
	overflow:hidden;
}
.particular-list li {
	position:absolute;
	width:199px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.particular-list li img {
	display:block;
	width:200px;
}
.particular-list li.item0 {
	left:0;
	top:0;
	height:200px;
}
.particular-list li.item1 {
	left:0;
	top:201px;
	height:300px;
}
.particular-list li.item2 {
	left:200px;
	top:0;
	height:300px;
}
.particular-list li.item3 {
	left:200px;
	top:301px;
	height:200px;
}
.particular-list li.item4 {
	left:400px;
	top:0;
	height:200px;
}
.particular-list li.item5 {
	left:400px;
	top:201px;
	height:300px;
}