@charset "utf-8";
/**
Author: Crony 2015.7.8
Version: 1.0
By：dianqi
**/
body{background:#f8f8f8;}
/*banner*/
.dq-banner{position: relative;min-width: 1190px;height: 380px;overflow: hidden;border-top: 2px solid #0085c5;margin-top: -2px;}
.banner-box{ width:100%; height:380px;position:relative;top: 0;left: 0;}
.banner-box .hd{width:52px;height:12px; overflow:hidden; position:absolute;left:1%;right:1%; bottom:20px; z-index:1;margin:0 auto;}
.banner-box .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner-box .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 1000px;}
.banner-box .hd ul li.on{ background:#35a3d4; color:#fff; }
.banner-box a{display:block;width:49px;height:104px;position:absolute;top:130px;z-index: 1;cursor: pointer;}
.banner-box a.prev{left:18.7%;background:url(../img/foot.png) no-repeat 0 0;} 
.banner-box a.next{right:18.7%;background:url(../img/foot.png) no-repeat -49px 0;}
.banner-box .bd{ position:relative; height:100%; z-index:0;}
.banner-box .bd li{position: absolute;top: 0;left: 0;width: 100%;height: 380px;}
.banner-box .bd li a {position: absolute;top: 0;left: 50%;width: 1920px;height: 380px;margin-left: -960px;}
.banner-box .bd img{display: block;margin:auto;height: 380px; }

/* 家电精选 */
.promotions{position:relative;height:444px;margin-top:20px;background:#3e9af0;}
.promotions .prom-icon{position:absolute;left:651px;top:-7px;width:50px;height:50px;background:url(images/bg.png?v=20150604) 0 -56px;}
.promotions .title{height:64px;overflow:hidden;padding-left: 10px;}
.promotions .title h3{padding-top:2px;color:#fff;font:bold 24px/1.5 'microsoft yahei';text-align:center;line-height: 62px;}
.promotions .title h4{margin-top:12px;color:#fff;font:normal 12px/1.5 'microsoft yahei';text-align:left;line-height: 62px;margin-left:10px;}
.promotions .title p{line-height:20px;}
.promotions .prom-listloop{position:relative;height:370px;padding:0 10px;}
.promotions .prom-listloop-box{position:relative;z-index:10;height:370px;overflow:hidden;}
.promotions .prom-listloop-list{position:absolute;left:0;top:0;width:9999em;}
.promotions .prom-listloop-list li{display:inline;float:left;width:226px;height:370px;margin-right:10px;padding-left:10px;background:#fff;overflow:hidden;}
.promotions .prom-listloop-list li{width:216px;}
.promotions .name{height:20px;margin-top:15px;margin-right:10px;overflow:hidden;}
.promotions .name a{font-size:14px;font-weight:bold;}
.promotions .intro{height:60px;overflow:hidden;}
.promotions .intro h6{height:16px;margin-top:4px;margin-right:10px;color:#ff8802;font-size:12px;font-family:'microsoft yahei';overflow:hidden;}
.promotions .pro-face{position:relative;height:200px;margin-top:6px;overflow:hidden;}
.promotions .pro-face .img{position:absolute;z-index:5;top:0;right:-30px;width:200px;height:200px;}
.promotions .pro-face .img img{display:block;width:200px;height:200px;}
.promotions .pro-face .discount{position:absolute;z-index:10;top:14px;left:0;width:60px;height:40px; line-height: 32px;background:url(../img/npbg.png) 0 -224px;color:#ffefef;text-align:center;overflow:hidden;}
.promotions .pro-face .discount i{font-size:24px;}
.promotions .pro-price{height:36px;margin-top:14px;overflow:hidden;}
.promotions .pro-price .now, .promotions .pro-price del{float:left;}
.promotions .pro-price i{font-family:arial;}
.promotions .pro-price .now{color:#d00;font-family:'microsoft yahei';}
.promotions .pro-price .now i{float:left;margin-top:13px;font-size:18px;}
.promotions .pro-price .now strong{font-size:28px;font-weight:normal;}
.promotions .pro-price .now img{float:left;margin-top:7px;}
.promotions .pro-price del{padding-left:5px;color:#999;line-height:44px;}
.promotions .pro-recmd{display:none;margin-top:2px;color:#999;font-family:'microsoft yahei';}
.promotions .pro-recmd b{color:#3e9af0;font-size:14px;}


/* 公用楼层头部 */
.com-floor-head{position:relative;height:55px;margin-bottom:22px;overflow:hidden;}
.com-floor-head .line{position:absolute;z-index:1;bottom:0;width:100%;height:2px;overflow:hidden;background: #1084f1;}
.com-floor-head .tit{position:absolute;z-index:2;top:0;left:0;width:100%;height:55px;text-align:left;}
.com-floor-head h3{padding-top:3px;color:#1084f1;font:bold 24px/1.5 'microsoft yahei';line-height: 50px;}
.com-floor-head h4{color:#1084f1;font:14px/1.5 'microsoft yahei';line-height:62px;padding-left: 5px;}

/* 中间几个楼层 */
.middle-floor{width:940px;min-width:940px;padding-top:30px;}
.middle-floor-main{height:460px;}
.middle-floor-main .f-side{position:relative;float:left;width:215px;height:460px;margin-left:-25px;}
.middle-floor-main .f-main{float:right;width:730px;height:460px;overflow:hidden;}
.middle-floor-main .f-main{width:980px;}
.middle-floor-main .f-main-top{height:240px;}
.middle-floor-main .f-banner{display:inline;position:relative;float:left;width:480px;height:240px;margin-right:20px;overflow:hidden;}
.middle-floor-main .f-banner-list{position:absolute;left:0;top:0;width:9999em;}
.middle-floor-main .f-banner-list li{float:left;width:480px;height:240px;}
.middle-floor-main .f-banner-list li img{display:block;width:480px;height:240px;}
.middle-floor-main .slide-arr{display:none;position:absolute;z-index:20;top:90px;width:40px;height:60px;cursor:pointer;}
.middle-floor-main .slide-arr:hover{text-decoration:none;}
.middle-floor-main .slide-arr .shadow{position:absolute;top:0;left:0;width:40px;height:60px;background:#000;opacity:.2;filter:alpha(opacity=20);transition: opacity .2s linear 0s;}
.middle-floor-main .slide-arr:hover .shadow{opacity:.5;filter:alpha(opacity=50);}
.middle-floor-main .slide-arr .arr{position:absolute;z-index:2;top:18px;width:12px;height:24px;}
.middle-floor-main .dir-left{left:10px;}
.middle-floor-main .dir-left .arr{left:13px;background:url(images/bg.png?v=20150604) -40px -32px;}
.middle-floor-main .dir-left:hover .arr{background-position:-52px -32px;}
.middle-floor-main .dir-right{right:10px;}
.middle-floor-main .dir-right .arr{right:13px;background:url(images/bg.png?v=20150604) -64px -32px;}
.middle-floor-main .dir-right:hover .arr{background-position:-76px -32px;}
.middle-floor-main .banner-pager{position:absolute;z-index:20;top:215px;left:50%;height:16px;margin-left:-40px;overflow:hidden;}
.middle-floor-main .banner-pager .pager{float:left;height:13px;padding-top:3px;padding-left:5px;background:url(images/bg.png?v=20150604) 0 -240px;_background:none;}
.middle-floor-main .banner-pager .pager li{display:inline;float:left;width:10px;height:10px;margin-left:5px;background:url(images/bg.png?v=20150604) -100px -100px;text-indent:99em;cursor:pointer;overflow:hidden;}
.middle-floor-main .banner-pager .pager li.current{background-position:-112px -100px;}
.middle-floor-main .banner-pager .pager-radius{float:left;width:10px;height:16px;background:url(images/bg.png?v=20150604) -224px -240px no-repeat;overflow:hidden;_background:none;}
.middle-floor-main .f-main-top .f-activity{float:left;width:250px;height:240px;margin-right:-20px;overflow:hidden;}
.middle-floor-main .f-main-top .f-activity{width:500px;}
.middle-floor-main .f-main-top .f-activity li{display:inline;float:left;width:230px;height:240px;margin-right:20px;}
.middle-floor-main .f-main-top .f-activity li img{display:block;width:230px;height:240px;}
.middle-floor-main .f-main-bottom{position:relative;height:200px;margin-top:20px;margin-right:-20px;overflow:hidden;}
.middle-floor-main .f-main-bottom li{display:inline;position:relative;float:left;width:215px;height:200px;margin-right:20px;padding-left:15px;background:#fff;overflow:hidden;}
.middle-floor-main .f-main-bottom .name{height:18px;padding-top:18px;overflow:hidden;}
.middle-floor-main .f-main-bottom .name a{color:#666;}
.middle-floor-main .f-main-bottom .name a:hover{color:#f60;}
.middle-floor-main .f-main-bottom .price{height:20px;margin-top:3px;overflow:hidden;}
.middle-floor-main .f-main-bottom .price i{float:left;margin-top:3px;padding-left:2px;color:#d00;font-family:arial;}
.middle-floor-main .f-main-bottom .price strong{float:left;padding-left:2px;color:#d00;font:bold 16px/19px tahoma;}
.middle-floor-main .f-main-bottom .price img{display:block;height:20px;}
.middle-floor-main .f-main-bottom .intro{height:18px;padding-top:3px;color:#ff8802;overflow:hidden;}
.middle-floor-main .f-main-bottom .face{position:absolute;right:-20px;bottom:0;width:120px;height:120px;}
.middle-floor-main .f-main-bottom .face img{display:block;width:120px;height:120px;}
.wrapper {width: 1190px;min-width: 1190px;clear: both;margin: auto;}