/*
Template Name: 正版授权模板
Template URI: http://www.dm299.com/
Description: 24小时客服联系 QQ:124861234
Version: 2.73
Author: dm299
Author URI: http://www.dm299.com/
Logo filename: logo.gif
*/
@charset "utf-8";
/*首页轮播广告*/
.slideBox {height:456px;overflow: hidden;width:1180px;;position: relative; z-index:0;}
.slideBox .hd {position: absolute;z-index: 2;bottom:10px;width:810px;height: 40px;width:100%;text-align:center;}
.slideBox .hd ul {width:100%;}
.IndexAd .hd ul li {width: 14px;height: 14px;margin-right: 9px;cursor: pointer;display: inline-block;*zoom:1;*display:inline;
	background: url('../images/superslide_btn.png') no-repeat left top;}
.IndexAd .hd ul li.on{background: url('../images/superslide_btn.png') no-repeat right top;}
.IndexAd .bd {position: relative;height: 100%;z-index:1;}
.IndexAd .bd li {width: 100%;height: 480px;zoom: 1;vertical-align: middle;text-align: center;}
.IndexAd .bd li a {position: absolute;left: 0;height: 480px;}
.banner-btn:hover .btn-bg {opacity: .2;filter: alpha(opacity=20);}
.root61 .IndexAd  .prev{margin-left: -527px;}
.root61 .IndexAd  .next{margin-left: 482px;}
.IndexAd  .prev,.IndexAd  .next{display: none;position: absolute;z-index: 100;top: 205px;left: 50%;width: 45px;height: 70px;cursor: pointer;overflow: hidden; font-size:20px;}
.IndexAd  .next:hover,.IndexAd  .prev:hover{ color:#0ab3a3 !important;}
.first-screen {position: relative;width: 1180px;overflow:hidden;margin:0 auto;border:10px solid #fff;}
.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;vertical-align: middle;overflow: hidden;
  background: url(http://img.suning.cn/project/cmsWeb/suning/homepage/v1/css/images/bg.png?201500630) -261px -99px;}
.first-screen .show-case .title em {display: inline-block;vertical-align: middle;}
.first-screen .show-case .notice {position: relative;height: 155px;border-bottom: 1px solid #eee;overflow: hidden;}
.first-screen .show-case .notice .bg {position: absolute;z-index: 1;width: 100%;height: 155px;background: #fff;opacity: .9;filter: alpha(opacity=90);overflow: hidden;}
.first-screen .show-case .notice .list {position: absolute;z-index: 2;width: 100%;height: 145px;padding-top: 10px;overflow: hidden;}
.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: #f6827a;}
.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;}
/*首页广告*/
.ad_contain{width: 1180px;overflow: hidden;margin: 0 auto;border-left: 10px solid #fff; border-right:10px solid #fff; background:#fff;}
.ad_contain .ad_list1,.ad_contain .ad_list2,.ad_contain .ad_list3{ border-bottom:10px solid #fff;}
.ad_contain ul li a{ display:block;}
.ad_contain ul li{ position:relative;cursor:pointer; width:585px; overflow:hidden;}
.ad_contain ul li.f_r{ width:595px; margin:-10px 0 0 -10px;}
.ad_contain ul li .list3_smallad{ margin:10px 0 0 10px;}
.ad_contain .ad_list1 ul{ margin-left:-10px;}
.ad_contain .ad_list1 li{ margin-left:10px;}
/*首页楼层*/
.main-container{width: 1180px;overflow: hidden;margin: 0 auto;border-left: 10px solid #fff; border-right:10px solid #fff; background:#fff;    padding: 30px 0 100px;}
.main-container .contain{ width:900px; margin:0 auto;}
.floor-wrap-products{ width:100%;}
.floor-wrap-products .floor-title{ text-align:center;}
.floor-wrap-products .floor-title h2{font-size: 26px;font-weight: 300;color: #333;padding-bottom: 0;margin-bottom: 30px;text-transform: uppercase;}
.floor-products ul li{ width:225px;border: 1px solid #fff;position: relative;margin-bottom: 10px;text-align: center;padding-top: 15px;padding-bottom: 15px; float:left;}
.floor-products ul li:hover{border-color: #e7e7e6;z-index: 10;}
.floor-products ul li .wrapper-hover{margin: 0 15px; border:0;}
.floor-products ul li .product-image-container a{ display:block; margin-bottom:10px;}
.floor-products ul li .product-image-container a img{ width:100%;}
.floor-products ul li .product-info{ position:relative;}
.floor-products ul li .product-info h3.product-name{    font-size: 14px;margin-bottom: 4px;text-transform: uppercase; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:100; color:#888; padding:0 20px}
.floor-products ul li .product-info h3.product-name a:hover{ color:#0ab3a3;}
.floor-products ul li .product-info .price-box{color: #909090;font-size: 13px;margin: 0 0 5px;text-align: center;}
.floor-products ul li .product-info .price-box .regular-price{color: #0ab3a3;font-size: 20px;font-weight: 300;margin: 0 5px;}
.floor-products ul li .product-info .price-box .old-price{color: #888;margin: 0 5px;text-decoration: line-through;font-size: 15px;}
.floor-products ul li .product-info .wrapper-relative{position: relative;height:45px;}
.floor-products ul li .product-info .wrapper-relative .wrapper-hover-hiden{position: absolute;top: 0;background: #fff;left: -1px;right: -1px;border: 1px solid #e7e7e6;border-top: 0;
    padding: 0px 15px 25px;*padding: 0px 15px 20px;z-index:10;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:none;}
.floor-products ul li:hover .product-info .wrapper-relative .wrapper-hover-hiden{ display:block;}
.floor-products ul li:hover .product-info .wrapper-relative .wrapper-hover-hiden .action{animation-duration: 0.4s;-webkit-animation-duration: 0.4s;animation-fill-mode: both; 
	-webkit-animation-fill-mode: both; animation-name: zoomIn; -webkit-animation-name: zoomIn; }
@keyframes zoomIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1}}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1}}
.floor-products ul li .product-info .wrapper-relative .wrapper-hover-hiden .actions{display: none;}
.floor-products ul li:hover .product-info .wrapper-relative .wrapper-hover-hiden .actions{display: block;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;
    animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: zoomIn;-webkit-animation-name: zoomIn;}
.actions .floor_btn{-webkit-border-radius: 0;border-radius: 0;background: #0ab3a3;display: inline-block;padding: 10px 20px;color: #fff;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.14);
    box-shadow: 0 5px 5px rgba(0,0,0,0.14);border: 0;font-size: 14px;font-weight: 400;font-family: "Ubuntu",sans-serif;line-height: 20px;text-align: center;text-transform: uppercase;
    vertical-align: middle;overflow: hidden;position: relative;}
.actions .floor_btn:hover{background: #078377;}
.actions .floor_btn span i{margin-right: 8px;}
.prev,.next{ position:absolute; top:145px;}
.prev:hover,.next:hover{ color:#0ab3a3;}
.prev{ left:-50px;}
.next{ right:-50px;}
.new-floor,.hot-floor,.cate-floor,best-floor,promotion-floor{ position:relative;}
.label-product{position: absolute;top: 0px;left: 0px;}
.label-product span{display: inline-block;background: #0ab3a3;box-shadow: 5px 5px 5px rgba(0,0,0,0.14);-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.14);color: #ffffff;font-size: 12px;
    left: 15px;line-height: 16px;padding: 1px 8px 2px;position: absolute;text-transform: uppercase;top: 10px;z-index: 2;}
.label-product span:before,.label-product span:after{border-color: transparent transparent transparent #0ab3a3;border-style: solid;border-width: 9px 0 0 8px;bottom: 0;content: "";height: 0;position: absolute;right: -8px;width: 0;}
.label-product span:after{border-color: #0ab3a3 transparent transparent;border-width: 9px 8px 0 0;position: absolute;top: 0;bottom: auto;}
.label-product span.hot{ background:#fd6b6b !important}
.label-product span.hot:before{border-color: transparent transparent transparent #fd6b6b;}
.label-product span.hot:after{border-color: #fd6b6b transparent transparent;}
/*首页资讯*/
.widget-latest{padding-bottom: 60px;}
.widget-latest .page-title{text-align: center;}
.widget-latest .page-title h1{font-size: 26px;font-weight: 300;color: #333;padding-bottom: 0;margin-bottom: 30px;text-transform: uppercase;}
.widget-latest ul{margin-left: -10px;margin-right: -10px;}
.widget-latest ul li{float: left;padding-left: 15px;padding-right: 15px; width:420px; float:left;}
.widget-latest ul li .postContent-img{ width:200px; float:left;}
.widget-latest ul li .postContent-img img{ width:100%;}
.widget-latest ul li .widget-latest-content{padding-left: 15px;overflow: hidden; float:left; width:205px;}
.widget-latest ul li .widget-latest-content .widget-latest-details{color: #0ab3a3;font-size: 13px;margin-bottom: 5px;}
.widget-latest ul li .widget-latest-content .widget-latest-title{margin-bottom:15px;}
.widget-latest ul li .widget-latest-content .widget-latest-title a{font-size: 14px;line-height: 20px;text-transform: uppercase;font-weight: 300;}
.widget-latest ul li .widget-latest-content .widget-latest-title a:hover{ color:#0ab3a3}
.widget-latest ul li .widget-latest-content .postContent-desc{font-weight: 300; color:#888; font-size:12px;}
/*首页品牌*/
.index-brand{ width:100%;}
.index-brand .brand-list{overflow: hidden;margin-bottom:45px;}
.index-brand .brand-list li{float: left;text-align: center;width:90px;}
.index-brand .brand-list li a{ display:block;}
.index-brand .brand-list li a img{ width:90px; opacity:1}
.index-brand .brand-list li a:hover img{ opacity:0.5}