
/*首页轮播广告*/.slideBox{height: 450px;overflow: hidden;width: 100%;position: relative;z-index:0;}
.slideBox .hd{position: absolute;z-index: 80;bottom:10px;left: 50%;width:1190px;height: 40px;margin-left: -595px;}
.slideBox .hd ul{ width:100%;height: 40px; overflow:hidden; margin: 0 auto; text-align:center; font-size:0;}
.IndexAd .hd ul li{display:inline-block;position: relative;width: 70px;height: 40px;margin-left: 1px;}
.IndexAd .hd ul li .title-bg{position: absolute;z-index: 5;top: 0; left:0;width: 100%;height: 40px;background: #000;opacity: .3;filter: alpha(opacity=30);-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;-ms-transition: top .3s,height .3s;}
.IndexAd .hd ul li h4{position: absolute;z-index: 6;top: 0; left:0;width: 100%;height: 40px;color: #fff;font-weight: normal;line-height: 40px;text-align: center;cursor:pointer;overflow: hidden;}
.IndexAd .hd ul li.on .title-bg{opacity: .65;filter: alpha(opacity=65);}
.IndexAd .bd{position: relative;height: 100%;}
.IndexAd .bd .li1{background:#FFF}
.IndexAd .bd .li2{background:#FFF}
.IndexAd .bd .li3{background:#FFF}
.IndexAd .bd .li4{background:#FFF}
.IndexAd .bd .li5{background:#FFF}
.IndexAd .bd .li6{background:#FFF}
.IndexAd .bd .li7{background:#FFF}
.IndexAd .bd .li8{background:#FFF}
.IndexAd .bd .li9{background:#FFF}
.IndexAd .bd .li10{background:#FFF}
.IndexAd .bd li{width: 1190px; margin:0 auto;height: 450px;zoom: 1;vertical-align: middle;text-align: center;}
.IndexAd .bd li a{ display:block; width:1190px;height: 450px; margin:0 auto; overflow:hidden;}
.IndexAd .bd li a img{ width:100%;}

.banner-btn:hover .btn-bg{opacity: .2;filter: alpha(opacity=20);}
.root61 .IndexAd .prev{margin-left: -595px;}
.root61 .IndexAd .next{margin-left: 545px;}
.IndexAd .prev,
.IndexAd .next{display: none;position: absolute;z-index: 100;top: 183px;left: 50%;width: 50px;height: 84px;cursor: pointer;overflow: hidden;}
.IndexAd .prev .btn-bg , .IndexAd .next .btn-bg{position: absolute;z-index: 1;top: 0;left: 0;width: 50px;height: 84px;background: #000;opacity: .15;filter: alpha(opacity=15);transition: opacity 0.2s linear 0s;}
.IndexAd .arr{position: absolute;z-index: 2;top: 26px;width: 17px;height: 34px;background: url(http://img.suning.cn/project/cmsWeb/suning/homepage/v1/css/images/bg.png?201500630) no-repeat;overflow: hidden;}
.IndexAd .prev .arr{left: 16px;background-position: -220px -44px;}
.IndexAd .next .arr{right: 16px;background-position: -202px -44px;}
.first-screen{position: relative;width: 100%; background:#383838; padding:40px 0;}
.root61 .first-screen .show-case{display:block;}
.first-screen .show-case{position: absolute;z-index: 60;top: 10px;left: 50%;width: 190px;margin-left: 405px;overflow: hidden;display:none}
.first-screen .show-case .box-all{position: relative;overflow: hidden;}
.first-screen .show-case .title{position: relative;height: 40px;padding-left: 14px;border-bottom: 1px solid #eee;background: #fff;font: 14px/40px 'microsoft yahei';overflow: hidden;}
.first-screen .show-case .title i{display: inline-block;width: 16px;height: 16px;margin-right: 8px;background: url(http://img.suning.cn/project/cmsWeb/suning/homepage/v1/css/images/bg.png?201500630) -261px -99px;vertical-align: middle;overflow: hidden;}
.first-screen .show-case .title em{display: inline-block;vertical-align: middle;}
.first-screen .show-case .notice{position: relative;face height: 155px;border-bottom: 1px solid #eee;overflow: hidden;}
.first-screen .show-case .notice .list{z-index: 2;width: 100%;height: 145px;padding-top: 10px;overflow: hidden; background:#FFFFFF;}
.first-screen .show-case .notice .list li{height: 18px;margin: 0 10px 9px 15px;line-height: 18px;overflow: hidden;}
.first-screen .show-case .notice .list li.hot a{color: #f60;}
.first-screen .show-case .notice .list li a{color: #666;}
.first-screen .show-case .notice .list li a i{font-family: 'microsoft yahei';}
.first-screen .show-case .life{position: relative;height: 191px;border-bottom: 1px solid #eee;overflow: hidden;}
.first-screen .show-case .life .bg{position: absolute;z-index: 1;width: 100%;height: 191px;background: #fff;opacity: .9;filter: alpha(opacity=90);overflow: hidden;}
.first-screen .show-case .life .list{position: absolute;z-index: 2;width: 200px;height: 191px;overflow: hidden;}
/*首页促销商品*/.floors .floor-tabcnt{height: 498px;border: 1px solid #ddd;background: #fff;margin-top:10px;}
.floor-promotions{margin-top: 13px;padding-bottom: 20px;}
.floor-head{position: relative;height: 44px;overflow: hidden;}
.floor-head .line{position: absolute;z-index: 1;top: 20px;left: 0;width: 945px;height: 8px;background: url(../images/bg.png) 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-main{height: 539px;}
.floor-promotions-main .column-proms{position: relative;float: left;width: 945px;height: 962px;overflow: hidden;}
.floor-promotions-main .column-proms .switch-prev{left: 0;}
.floor-promotions-main .column-proms .switch-btn{top: 212px;}
.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 .2s linear 0s;}
.switch-btn .arr{position: absolute;z-index: 2;top: 16px;width: 21px;height: 42px;background: url(../images/bg.png) no-repeat;overflow: hidden;}
.floor-promotions-main .column-proms .switch-next{right: -1px;}
.floor-promotions-main .column-proms .switch-btn{top: 213px;}
.floor-promotions-main .column-proms .proms-item{position: absolute;z-index: 1;left: 0;top: 0;height: 959px;border-bottom: 1px solid #eee;width: 944px; border-left:1px solid #eee;}
.floor-promotions-main .column-proms .proms-item li{float: left;width: 235px;border: 1px solid #eee;border-left: 0 none;border-bottom:none;overflow: hidden;}
.floor-promotions-main .column-proms .itemm{height: 320px;overflow: hidden;}
.floor-promotions-main .column-proms .itemm .face{width: 200px;margin: 25px auto 0;position:relative;}
.floor-promotions-main .column-proms .itemm .face img{display: block;width: 200px;height: 200px;}
.floor-promotions-main .column-proms .itemm .face a.addtocart{display:none;position:absolute;width:110px;height:30px;left:-10px;bottom:0;background:#0099ff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;text-align:center;line-height:30px;font-size:12px;color:#fff;text-decoration:none;}
.floor-promotions-main .column-proms .itemm .face a.viewgoods{display:none;position:absolute;width:110px;height:30px;right:-10px;bottom:0;background:#ec5051;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;text-align:center;line-height:30px;font-size:12px;color:#fff;text-decoration:none;}
.floor-promotions-main .column-proms .itemm:hover a.addtocart{ display:block;}
.floor-promotions-main .column-proms .itemm:hover a.viewgoods{ display:block;}
.floor-promotions-main .column-proms .itemm .name{ width:210px; height: 40px; line-height:20px; margin:5px auto;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.floor-promotions-main .column-proms .itemm .name a{font-family: 'microsoft yahei';}

.floor-promotions-main .column-proms .itemm .price{ width:210px; height: 40px; line-height:40px; margin:5px auto; position:relative}
.floor-promotions-main .column-proms .itemm .price span.shop_price{ display:block; position:absolute; width:130px; height:40px; left:0; top:0; text-align:left; font-size:14px; color:#ec5051; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.floor-promotions-main .column-proms .itemm .price span.sales{ display:block; position:absolute; width:70px; height:40px; right:0; top:0; text-align:right; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:400}

.floor-promotions-main .column-proms .itemm .price-discount{height: 22px;padding: 5px 18px 0;overflow: hidden;}
.floor-promotions-main .column-proms .itemm .price-discount .price{float: left;font: bold 14px/20px tahoma;}
.floor-promotions-main .column-proms .itemm .price-discount .price em{margin-right: 3px;font-family: arial;font-size:16px;}
.floor-promotions-main .column-proms .itemm .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 .itemm .price-discount .discount b{font-size: 14px;font-family: arial;}
.floor-promotions-main .column-proms .itemm .other{height: 22px;padding: 1px 18px 0;overflow: hidden;}
.floor-promotions-main .column-proms .itemm .other .price{float: left;color: #999;font-family: tahoma;}
.floor-promotions-main .column-proms .itemm .price-discount .price b{font-size: 24px;}
.floor-promotions .banner-pager{top: 476px;}
.banner-pager{position: absolute;z-index: 999;left: 50%;height: 13px;margin-left: -26px;overflow: hidden;}
.banner-pager .pager{float: left;height: 13px;padding-left: 2px;background: url(../images/bg.png) 0 -8px;}
.banner-pager .pager li{display: inline;float: left;width: 12px;height: 5px;margin: 4px 0 0 3px;background: #fff;overflow: hidden;text-indent:-9px;}
.banner-pager .pager li.on{background: #ff4545;}
.banner-pager .pager-radius{float: left;width: 5px;height: 13px;background: url(../images/bg.png) right -8px;overflow: hidden;}
.floor-promotions-main .column-proms .switch-btn{top: 212px;}
.floor-promotions-main .column-proms .next{right: -1px;}
.floor-promotions-main .column-proms .prev{left: 0;}
.prev .arr{left: 9px;background-position: -271px -54px;}
.next .arr{right: 9px;background-position: -250px -54px;}
/*楼层样式*/.focusBox{position: relative;}
.floors{position: relative;}
.floors{height: 564px;margin-top: 10px;}
.switch-btn{position: absolute;z-index: 100;width: 40px;height: 74px;cursor: pointer;overflow: hidden;}
.floors .switch-prev{left: 0;}
.floors .switch-btn{top: 263px;}
.switch-prev{display: none;}
.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-prev .arr{left: 9px;background-position: -271px -54px;}
.floors .switch-next{right: 0;}
.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;}
.floors .floor-name .floor-icon b{position: absolute;left: 5px;top: 0;width: 2px;height: 2px;background: url(http://img.suning.cn/project/cmsWeb/suning/homepage/v1/css/images/bg.png?201500707) -250px -141px;overflow: hidden;}
.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;}
.floors .floor-tab .tab-slide{position: absolute;z-index: 2;left: 0;top: 0;width: 119px;height: 42px;overflow: hidden;}
.switch-next .arr ,.next .arr{right: 9px;background-position: -250px -54px;}
.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: default;overflow: hidden;}
.floors .floor-tab .tab-item li.on{color: #fff;}
.floors .floor-top{height: 249px;overflow: hidden;}
.floors .col-links{float: left;width: 189px;height: 249px;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 .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 .floor-act{float: left;width: 1012px;margin-right: -30px;overflow: hidden;}
.floors .floor-top .floor-act{height: 249px;margin-top: -1px;}
.floors .floor-act li{float: left;width: 166px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden;}
.floors .floor-top .floor-act li{height: 249px;}
.floors .floor-act li.col2 img{width: 400px;}
.floors .floor-act li.col2{width: 399px;}
.floors .floor-act li img{display: block;width: 200px;}
.floors .floor-act li.item0 img{width: 400px;}
.floors .floor-top .floor-act li img{height: 300px;}
.floors .floor-top .floor-act li.item1{height: 300px;border-bottom: 0 none;}
.floors .floor-bottom{height: 249px;overflow: hidden;}
.floors .floor-brands{float: left;width: 189px;height: 249px;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-act{float: left;width: 1012px;margin-right: -30px;overflow: hidden;}
.floors .floor-act li.colgoods{float: left;width: 166px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden;}
.floors .floor-act li.colgoods .name{position: relative;height: 20px;margin: 0 10px;padding-top: 16px;overflow: hidden;text-align:center;}
.floors .floor-act li.colgoods .name a{font: 14px/1.5 'microsoft yahei';}
.floors .floor-act li.colgoods .price{height: 42px;overflow: hidden;text-align:center;}
.floors .floor-act li.colgoods .price em{margin-right: 5px;font-size:12px;font-family: arial;}
.floors .floor-act li.colgoods .price span{font-family:Arial, Helvetica, sans-serif;color:#FF6600;font-size: 18px;font-weight: bold;}
.floors .floor-act li.colgoods .price span b{font-size: 20px;}
.floors .floor-act li.colgoods .face{width: 166px;height: 189px;margin: 10px auto 0;}
.floors .floor-act li.colgoods .face img{display: block;width: 166px;height: 189px;}
.floors .floor-bottom .floor-act{height: 249px;}
.floors .floor-bottom .floor-act li.floor-prod{text-align: center;}
.floors .floor-act li{float: left;width: 166px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden;}
.floors .floor-bottom .floor-act li{height: 249px;}
.floors .floor-bottom .floor-act li.floor-prod .name{position: relative;height: 20px;margin: 0 10px;padding-top: 16px;overflow: hidden;text-align:center;}
.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;overflow: hidden;}
.floors .floor-bottom .floor-act li.floor-prod .price em{margin-right: 5px;font-size:12px;font-family: arial;}
.floors .floor-bottom .floor-act li.floor-prod .price span{font-family:Arial, Helvetica, sans-serif;color:#FF6600;font-size: 18px;font-weight: bold;}
.floors .floor-bottom .floor-act li.floor-prod .price span b{font-size: 20px;}
.floors .floor-bottom .floor-act li.floor-prod .face{width: 166px;height: 249px;margin: 10px auto 0;}
.floors .floor-bottom .floor-act li.floor-prod .face img{display: block;width: 166px;height: 249px;}
/*floors1****************************************/.floors1 .floor-name .floor-icon i{background: #03a4fe;}
.floors1 .floor-tab .tab-slide{background: #03a4fe;}
.floors1 .floor-tab .tab-item li{color: #03a4fe;cursor:pointer}
.floors1 .col-links .btn{color: #03a4fe;}
/*floors2****************************************/.floors2 .floor-name .floor-icon i{background: #fb5d5c;}
.floors2 .floor-tab .tab-slide{background: #fb5d5c;}
.floors2 .floor-tab .tab-item li{color: #fb5d5c;cursor:pointer}
.floors2 .col-links .btn{color: #fb5d5c;}
/*floors3****************************************/.floors3 .floor-name .floor-icon i{background: #32b16a;}
.floors3 .floor-tab .tab-slide{background: #32b16a;}
.floors3 .floor-tab .tab-item li{color: #32b16a;cursor:pointer}
.floors3 .col-links .btn{color: #32b16a;}
/*floors4****************************************/.floors4 .floor-name .floor-icon i{background: #50d4d9;}
.floors4 .floor-tab .tab-slide{background: #50d4d9;}
.floors4 .floor-tab .tab-item li{color: #50d4d9;cursor:pointer}
.floors4 .col-links .btn{color: #50d4d9;}
/*floors5****************************************/.floors5 .floor-name .floor-icon i{background: #03a4fe;}
.floors5 .floor-tab .tab-slide{background: #03a4fe;}
.floors5 .floor-tab .tab-item li{color: #03a4fe;cursor:pointer}
.floors5 .col-links .btn{color: #03a4fe;}
/*floors6****************************************/.floors6 .floor-name .floor-icon i{background: #fb5d5c;}
.floors6 .floor-tab .tab-slide{background: #fb5d5c;}
.floors6 .floor-tab .tab-item li{color: #fb5d5c;cursor:pointer}
.floors6 .col-links .btn{color: #fb5d5c;}
/*floors7****************************************/.floors7 .floor-name .floor-icon i{background: #32b16a;}
.floors7 .floor-tab .tab-slide{background: #32b16a;}
.floors7 .floor-tab .tab-item li{color: #32b16a;cursor:pointer}
.floors7 .col-links .btn{color: #32b16a;}
/*floors4****************************************/.floors8 .floor-name .floor-icon i{background: #50d4d9;}
.floors8 .floor-tab .tab-slide{background: #50d4d9;}
.floors8 .floor-tab .tab-item li{color: #50d4d9;cursor:pointer}
.floors8 .col-links .btn{color: #50d4d9;}

/*楼层公告 */
.wrap .left_box{ width:235px; margin-right:10px;  overflow:hidden; float:left;}
.wrap .right_box{ width:945px;   overflow:hidden; float:left;}

.wrap .left_box .notice_box{width:233px; height:200px; border:1px solid #eee; margin:20px 0; }
.wrap .left_box .notice_box .title{position: relative;height: 39px;padding-left: 14px;border-bottom: 1px solid #eee;background: #fff;font: 14px/40px 'microsoft yahei';overflow: hidden;}
.wrap .left_box .notice_box .title i{display: inline-block;width: 16px;height: 16px;margin-right: 8px;background: url(http://img.suning.cn/project/cmsWeb/suning/homepage/v1/css/images/bg.png?201500630) -261px -99px;vertical-align: middle;overflow: hidden;}
.wrap .left_box .notice_box .title em{display: inline-block;vertical-align: middle;}
.wrap .left_box .notice_box .notice{position: relative;face height: 160px;overflow: hidden;}
.wrap .left_box .notice_box .notice .list{z-index: 2;width: 100%;height: 150px;padding-top: 10px;overflow: hidden; background:#FFFFFF;}
.wrap .left_box .notice_box .notice .list li{height: 20px;margin: 0 10px 10px 15px;line-height: 20px;overflow: hidden;}
.wrap .left_box .notice_box .notice .list li.hot a{color: #f60;}
.wrap .left_box .notice_box .notice .list li a{color: #666;}
.wrap .left_box .notice_box .notice .list li a i{font-family: 'microsoft yahei';}

.wrap .left_box .navBarr{width:233px;  border:1px solid #eee; margin:8px 0; overflow:hidden;}
.wrap .left_box .navBarr .title{height:38px;padding-left:15px;cursor:default;line-height:38px;}
.wrap .left_box .navBarr .title h2{font-size:16px;width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wrap .left_box .navBarr .con{overflow:hidden;width:100%;}
.wrap .left_box .navBarr .con .item{position:relative;}
.wrap .left_box .navBarr .con .item h3{overflow:hidden;height:38px;padding:0 31px;border-top:1px solid#E8E8E8;cursor:pointer;font-size:14px;line-height:38px;}
.wrap .left_box .navBarr .con .item h3 b{position:absolute;top:14px;left:15px;width:11px;height:11px;background:url(../images/snsearch_z_.png) no-repeat -138px -184px;}
.wrap .left_box .navBarr a{color:#666;}
.wrap .left_box .navBarr .con .item.on h3 b{background-position:-168px -160px;}
.wrap .left_box .navBarr .con .item ul{display:none;padding:0 15px 8px;}
.wrap .left_box .navBarr .con .item.on ul{display:block;}
.wrap .left_box .navBarr .con .item ul li{overflow:hidden;height:28px;white-space:nowrap;text-indent:16px;text-overflow:ellipsis;line-height:28px;}
.wrap .left_box .navBarr .con .item ul li a{display:block;}
.wrap .left_box .navBarr .con .item ul li a:hover{font-weight:700;background:#f9f9f9;text-decoration:none;color: #F70;}

.wrap .right_box .activity_ad{width:943px; height:200px; border:1px solid #eee; margin:20px 0; overflow:hidden; }
