/*屏幕宽度小于1190,自动适配1024设计分辨率*/ .main-map{ width:925px; height:518px; margin:0 auto; position:relative; .hot-area{ width: 117px; height: 86px; position: absolute; left: 615px; cursor: pointer; top: 188px; .china-area{ background:url(../images/map/china.png) center no-repeat; width:450px; height:342px; position:absolute; z-index:32; cursor:pointer; display:none; left:-185px; top:-178px; } .background{ z-index:31; width:1080px; height:605px; position:absolute; left:-720px; top:-170px; background:#fff; filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,透明度50%*/ opacity:0.5;/*其他,透明度50%*/ display:none; } } .hot-area:hover{ .china-area{display:block;} .background{display:block;} } img{ width:925px; height:518px; } } .city-shop-list{ width:345px; background:#fff; height:100%; float:left; position:absolute; left:0; top:0; z-index:12; .city-list{ width:345px; overflow:auto; a.link{ @include blockwh(100%,100%); } .shop{ cursor:default; margin: 15px 0; padding-left:20px; @include fontstyle; .title{ @include fontstyle;font-size:21px;color:#000;font-weight:bold;} .subtitle{ @include fontstyle; font-size:18px; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; color:#000; } .detail{font-size:14px; @include fontstyle;color:#000;} } .shop:hover{ cursor:default; padding-left:20px; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; } } .city-name-list{ margin:0 0 20px 0; padding:10px 0 0 0; list-style:none; width:345px; overflow:hidden; @include fontstyle; li.city{ width:115px; height:25px; line-height:25px; font-size:18px; color:#a6a6a6; text-align:center; float:left; cursor:pointer; a{color:#000;} } li.city-choosen{ width:115px; height:25px; float:left; line-height:25px; font-size:18px; color:#fff; background:url(../images/map/choosen_1024.png) center no-repeat; text-align:center; cursor:pointer; a{color:#fff;} } } } .map-zoom{ position:fixed; z-index:15; width:72px; height:132px; display:none; left:353px; top:177px; .max{width:32px;height:32px; background:url(../images/map/zoom.png) -32px top no-repeat;margin:10px;} .min{width:32px;height:32px; background:url(../images/map/zoom.png) -32px -32px no-repeat;margin:10px;} }