.topimg{width:100%;height:392px;background:url(../icson/img/dist/img1920x392.jpg) no-repeat center;}
.distnav{width:100%;height:144px;background:url(../icson/img/dist/navbg.jpg) no-repeat center;}
.distnavs ul{float:left;margin:24px 0 0 60px}
.distnavs li{float:left;margin-left:50px}
.distnavs li a{ display:block;width:92px;height:98px;font-size:0; text-indent:-99999;background:url(../icson/img/dist/iconav.jpg) no-repeat;}
.distnavs li.no1 a{background-position:0 0}
.distnavs li.no1 a.on,.distnavs li.no1 a:hover{background-position:0 bottom}
.distnavs li.no2 a{background-position:-92px 0}
.distnavs li.no2 a.on,.distnavs li.no2 a:hover{background-position:-92px bottom}
.distnavs li.no3 a{background-position:-184px 0}
.distnavs li.no3 a.on ,.distnavs li.no3 a:hover{background-position:-184px bottom}
.housearea{height:383px; background-repeat:no-repeat; background-position:center; position:relative;}
.houseareaimg1{background-image:url(../icson/img/dist/img12001.jpg);}
.houseareaimg2{background-image:url(../icson/img/dist/img12002.jpg);}
.houseareaimg3{background-image:url(../icson/img/dist/img12003.jpg);}
.dist_goods{height:340px;width:982px;float:left;}
.dist_goods ul{width:990px;}
.dist_goods ul li{float: left;display: inline;width:190px;margin-right:8px;height:340px;background:#fff;}
.dist_goods ul li .tit a{ display:block;width:100%;height:42px;line-height:42px; text-align:center;background:#2a2829;color:#fff;font-size:16px;}
.dist_goods .goods{padding:0 14px;}
.dist_goods .goods .g-img{margin:20px 0;zoom:1;padding:3px 0;height:160px;width:160px;}
.dist_goods .goods .g-img img{width:160px}
.dist_goods .goods .g-name{margin-bottom:10px;font-size:14px}
.dist_goods .goods .g-priceold{padding-left:6px}
.dist_goods .goods .g-price{font-size: 16px;font-family:tahoma,verdana,arial;font-weight: 700;color:#de0000}
.dist_ranklist{float:right;width:210px;background:#fff;height:340px;}
.dist_ranklist .hd{height:42px;padding-left:15px;font:normal 14px/42px "Microsoft YaHei";}
.dist_ranklist .hd h3{font-size:18px;color:#de0000;}
.dist_ranklist .bd ul{padding:0 10px}
.dist_ranklist .bd li{border-top:1px solid #ddd;width:190px;float:left;height:96px;position:relative;z-index:1;}
.dist_ranklist .bd li .num{float:left;color:#fff;font-family:Arial;;background:#bbb;position:absolute;z-index:2;top:10px;left:0;width:34px;height:44px;line-height:34px; text-align:center;display:block;font-size:16px; text-indent:-4px}
.dist_ranklist .bd li.t .num{background:url(../icson/img/dist/icoph.png) no-repeat;}
.dist_ranklist .bd li .g-img{display:block;height:70px;width:70px;display:block;position:absolute;z-index:1;top:0;left:0;margin-top:8px;}
.dist_ranklist .bd li p{float:right;width:110px;margin:0 5px;overflow:hidden;line-height:20px;}
.dist_ranklist .bd li .g-name{height:40px;overflow:hidden;margin-top:18px;}
.goods .load{display:block;width:100%;height:100%; position:absolute;left:0;top:0;background:url(../icson/img/detail/loading.gif) no-repeat center;}

.housearea a{ position:relative; display:inline-block;width:22px;height:22px;position:absolute;padding:0;text-decoration:none;float:left;}
.housearea a:hover{z-index:99}
.housearea a.hotspot01{top:130px;left:70px;}
.housearea a.hotspot02{left:1160px;top:260px;}
.housearea a .bg{border-radius:20px;height:22px; position:absolute;}
.housearea a div.hotspotLeft{left:0;}
.housearea a div.hotspotRight{right:0;}
.housearea a:hover .bg{background:rgba(255,255,255,0.7);*background:#fff;background:#fff \0;_background:#fff;}
.housearea .circle{display:block;width:12px;height:12px;border-radius:50%;background-color:#d60000;border:3px solid #fff;float:left; margin:2px; position:absolute;top:0;}
.housearea .hotspotLeft .circle,.housearea .hotspotLeft .bg{left:0;}
.housearea .hotspotRight .circle,.housearea .hotspotRight .bg{right:0;}
.housearea b{color:#d50002;font-weight:800;width:auto;white-space:nowrap; display:inline-block;float:left;margin:0;line-height:22px;height:22px;width:0;font-size:0; text-indent:-99999; position:relative;}
.housearea a:hover b{width:auto;padding:0 28px 0 3px;font-size:14px; text-indent:0;)}
.housearea .hotspotLeft b{left:20px;}
.housearea .hotspotRight b{right:20px;float:right;}
.housearea a:hover .hotspotRight b{padding:0 3px 0 28px;}
.housearea .circle:after{content:'';display:block;left:0;top:0;width:12px;height:12px;border-radius:50%;}
.housearea .circle:after{animation: circle 1.3s infinite ease-out 75ms;}
.housearea .circle:hover:after{z-index:99;animation-play-state:paused;}
  @keyframes circle{
    0% {opacity: 0.4;}
    50% {opacity: 0.7;box-shadow: 0 0 0 2px rgba(255,255,255,0.3), 0 0 0 5px rgba(255,255,255,.5); /*三层阴影*/
    }
    100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.3), 0 0 0 5px rgba(255,255,255,0.8);transform: scale(1.3); /*放大两倍*/opacity: 0;}
  }
/*列表页面*/
.distmenu{width:210px;}
.distmenu h3{ height:285px;cursor:pointer;margin-bottom:2px}
.distmenu .con{color:#999; display:none; /* 默认都隐藏 */ }
.distmenu h4{height:50px;line-height:50px;font-size:20px;color:#fff;background:url(../icson/img/dist/disttbg.jpg) no-repeat center;font-weight:100;margin-bottom:1px}
.distmenu h4 span{padding-left:55px}
.distmenu ul{padding:5px 20px;}
.distmenu li{color:#515151;border-top:1px dashed #bbb;font-size:14px;padding:5px 0}
.distmenu li em{margin-right:6px;}
.distmenu li.first{border-top:none;}
.distmenu .cons{border-left:1px solid #afafaf;border-right:1px solid #afafaf;}