@charset "utf-8";
*{ margin: 0; padding: 0;}
.clear{ clear:both;}
.main{padding-bottom: 50px;}
.wrap .shopList{margin-top:30px;background: url('../images/map.jpg')no-repeat bottom right;padding-right: 60px;min-height: 400px;}
.wrap .shopList .box{ float:left;width: 22%;border-left: 1px solid #ADABAA;padding-left: 20px;padding-bottom: 10px;}
.wrap .shopList h3{ font-size: 16px;color:#000;}
.wrap .shopList ul li{font-size: 16px;color:#787878;line-height: 30px;}
.wrap .shopList ul li:hover{color:#CF4849;}
.wrap .shopList .box{ width: 25%;float: left;}

.clickOut{z-index: 999;  background: rgba(0,0,0,0.5);  position: fixed;left:0;top:0;width: 100%;height: 100%;display: none;}
.clickOut .shopDetail{
    width: 540px;margin: 0 auto;  background: #FFF;
    border: 5px solid #E6E6E6;position:fixed;left:50%;top:50%;margin-top: -150px;margin-left: -270px; padding-bottom: 25px;
}
.clickOut .shopDetail .name{ font-size: 22px;line-height: 34px;border-bottom: 2px solid #000;padding:20px 20px 10px 20px;}
.clickOut .shopDetail .name .redTxt{ color:#CC3234; }
.clickOut .shopDetail .addr p{ line-height: 22px;padding:13px 0 0 72px ; min-height: 48px;font-size: 14px; position: relative;}
.clickOut .shopDetail .addr p .blackTxt{color: #FFF; position: absolute; left: 15px;background: #000;font-size: 14px;padding:5px 10px;margin-right: 10px;}

.clickOut .shopDetail .close{
    color: #FFF;background:#787878;position: absolute;right: 2px;top:2px;
    font-size: 28px;width: 22px; height: 22px;line-height: 18px;text-align: center;
}