section.map{height:1000px;background-color:#95D4DC;background-image:url(/images/stores/map2.jpg?1);background-size:100% auto;background-position:center top;background-repeat:no-repeat;position:relative;width:1350px;margin:auto}section.map .marker{width:40px;left:50%;margin-left:-20px;top:-29px;background-position:center;height:60px;background-size:90%;color:#FFF;text-align:center;line-height:35px;font-weight:500;font-size:15px;letter-spacing:0;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}section.map .marker.active{transform:scale(1.5) translate(0,-10px)}section.map .marker.text{width:auto;border-radius:5px;height:33px;display:inline-block;top:1px;padding-left:10px;padding-right:10px;font-size:13px}section.map .marker.text:after{content:'';height:0;position:absolute;bottom:-15px;margin-left:-8px;left:50%;border-color:#f26555 transparent transparent transparent;border-style:solid solid solid solid;border-width:8px}section.map .marker.text[zone="1"]{background:0 0;background-color:#F26555}section.map .marker.text[zone="1"]:after{border-color:#F26555 transparent transparent transparent}section.map .marker.text[zone="1"].active{background:0 0;background-color:#de3623}section.map .marker.text[zone="1"].active:after{border-color:#de3623 transparent transparent transparent}section.map .marker.text[zone="2"]{background:0 0;background-color:#6E86B3}section.map .marker.text[zone="2"]:after{border-color:#6E86B3 transparent transparent transparent}section.map .marker.text[zone="2"].active{background:0 0;background-color:#415e93}section.map .marker.text[zone="2"].active:after{border-color:#415e93 transparent transparent transparent}section.map .marker.text[zone="3"]{background:0 0;background-color:#38673D}section.map .marker.text[zone="3"]:after{border-color:#38673D transparent transparent transparent}section.map .marker.text[zone="3"].active{background:0 0;background-color:#27502b}section.map .marker.text[zone="3"].active:after{border-color:#27502b transparent transparent transparent}section.map .marker[zone="1"]{background-image:url(/images/map/marker1.png)}section.map .marker[zone="1"].active{background-image:url(/images/map/marker1_active.png)}section.map .marker[zone="2"]{background-image:url(/images/map/marker2.png)}section.map .marker[zone="2"].active{background-image:url(/images/map/marker2_active.png)}section.map .marker[zone="3"]{background-image:url(/images/map/marker3.png)}section.map .marker[zone="3"].active{background-image:url(/images/map/marker3_active.png)}section.map .each{position:absolute;width:170px}section.map .each li{background-color:#999;border-radius:50px;font-size:12px;margin-bottom:5px;line-height:25px;color:#FFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;padding-left:5px;padding-right:5px}section.map .each li[zone="1"]{background-color:#e86650}section.map .each li[zone="1"]:hover{background-color:#c3452f}section.map .each li[zone="2"]{background-color:#5e84ab}section.map .each li[zone="2"]:hover{background-color:#3c648c}section.map .each li[zone="3"]{background-color:#0f8a56}section.map .each li[zone="3"]:hover{background-color:#0e6d45}section.list{background-color:#FFF}section.list h1{font-size:30px;font-weight:500;color:#3c6a83}section.list h1:after{content:'';height:2px;width:70px;display:block;margin:auto;margin-bottom:40px;background-image:url(/images/h1line.png);height:27px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;margin-top:30px}section.list .category{padding-left:100px;margin-top:30px;margin-bottom:10px}section.list .category .text{position:absolute;left:20px;top:6px;font-size:20px;color:#3c6a83}section.list .category .list{text-align:left;margin-right:200px}section.list .category .list li{list-style:none;display:inline-block;background-color:#F2F2F2;padding:10px;border-radius:30px;padding-left:20px;padding-right:20px;min-width:60px;text-align:center;font-size:15px;color:#3c6a83;vertical-align:top;cursor:pointer;margin-right:5px;margin-bottom:5px}section.list .category .list li:hover{background-color:#E1E1E1}section.list .category .list li.active{background-color:#FAC24E;color:#FFF}section.list .category .searchWrap{margin-top:0;position:absolute;right:20px;top:0}section.list .category .searchWrap input{background-color:transparent;color:#999;border-radius:30px;height:20px;border:1px solid #6B95AC;font-size:12px;width:120px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}section.list .category .searchWrap input:focus{width:140px}section.list .category .searchWrap i{right:2px;line-height:42px;top:0;position:absolute;height:42px;width:42px;text-align:center;color:#6B95AC;cursor:pointer}section.list .wrap{min-height:300px}section.list .wrap:after{content:'';display:block;clear:both}section.list .wrap li{float:left;width:122px;height:190px;list-style:none;padding:19px}section.list .wrap li .thephoto{background-color:#e9e9e9;width:120px;height:120px;border:1px solid #e9e9e9;background-size:cover;background-position:center}section.list .wrap li .thephoto .in{width:100%;height:100%;position:absolute;background-size:cover;background-position:center}section.list .wrap li .thetext{text-align:left;margin-top:15px;font-size:15px}@media screen and (max-width:1024px){section.map{display:none}section.list .category{padding-left:25px;padding-right:25px;margin-top:30px;margin-bottom:10px}section.list .category .text{position:relative;left:0;top:0;font-size:20px;color:#3c6a83;margin-bottom:20px}section.list .category .list{text-align:left;margin-right:0;text-align:center}section.list .wrap{padding:25px}section.list .wrap li{padding-top:0;display:inline-block;vertical-align:top;padding:0;text-align:center;float:none}section.list .wrap li .thephoto{background-color:#e9e9e9;width:100px;height:100px;border:1px solid #e9e9e9;background-size:cover;background-position:center;display:inline-block}section.list .wrap li .thetext{text-align:center;margin-top:15px;font-size:13px}section.list .category .searchWrap{margin-top:0;position:relative;right:0;top:0;margin-top:20px}section.list .category .list li{list-style:none;display:inline-block;background-color:#F2F2F2;padding:10px;border-radius:30px;padding-left:10px;padding-right:10px;min-width:60px;text-align:center;font-size:13px;color:#3c6a83;vertical-align:top;cursor:pointer;margin-right:5px;margin-bottom:5px}section.list .category .searchWrap input{width:calc(100% - 50px)}section.list .category .searchWrap i{right:10px}}