a {text-decoration: none;color: #333;} #map-controls {bottom: 70px;left: 8px;top: auto;width: 35px;height: 70px;position:absolute} #map-controls button {display: block;width: 35px;height: 35px;padding: 5px;border: 0;box-sizing: border-box;background: transparent;z-index: 1;} button#show-company-list {background: #217bd7;} button#my-location {background: rgba(255,255,255,0.8);} #map-controls button:disabled {opacity: .6;} #map-controls .map_list{ font-size:18px;color:#ffffff;} #map-controls .map_jz_list{font-size:18px;color:#000} #map-controls .location {} #map-controls #my-location {border-top: 1px solid #ececec;margin-top: -1px;} #my-location.spin .location {-webkit-animation: spin .5s linear infinite;} .map_company{width:230px;height:170px; position:relative;} .map_company_cont{ padding:10px;} /*.map_company_cont:after{width: 16px; height: 16px; content: ''; border: #000 solid; -webkit-transform: rotate(145deg); border-width: 1px 1px 0 0; color: #434343; position: absolute; bottom: -6px; left: 30px; background-color: rgba(0,0,0,0.8);}*/ .map_company_h1{ width:100%; font-size:15px; padding:10px 0; font-weight:bold} .map_company_post{width:100%; line-height:22px;} .map_company_xq{width:100%; padding:5px 0; text-align:right;} .map_company_cont_close{ position:absolute;right:10px;top:5px;color:#fff; font-size:16px;} .bmap_zoomctrl{ position:absolute;right:10px;bottom:70px;width:35px;height:69px;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4); background: rgba(255,255,255,0.8);} .bmap_zoomctrl_jia{width:35px;height:35px;border-bottom:1px solid #ddd; text-align:center; line-height:35px;} .bmap_zoomctrl_icon{color:#000; font-size:16px;} #map-search, #map-controls { position: fixed; top: 58px; left: 8px; right: 8px; height: 30px; line-height: 30px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4); background: rgba(255,255,255,0.8); font-size: 14px; z-index: 2; } #map-controls { bottom: 100px; left: 8px; top: auto; width: 35px; height: 70px; } #search-close, #search-type-wrapper, #search-submit { position: absolute; display: block; width: 50px; text-align: center; color: #666; font-weight: bold; text-shadow: 0 0 1px #bbb; } #search-close, #search-q, #search-submit { box-sizing: border-box; background: transparent; border: 0; margin: 0; padding: 0; height: 30px; line-height: 30px; outline: 0; font-size: 14px; text-shadow: 0 0 1px #bbb; } #search-q { display: block; border: 1px solid #ececec; border-width: 0 1px; line-height: 15px; padding: 0 .5em; width: 100%; border-radius: 0; -webkit-appearance: none; } #search-q:-webkit-input-placeholder { text-shadow: 0 0 1px #bbb; } #search-type-label, #map-search .search-type.checked, #search-submit { background: #217bd7; color: #fff; } #search-type-wrapper { height: 30px; } #search-type-selector { display: none; position: absolute; top: 100%; left: 0; right: 0; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4); } #search-type-wrapper.on #search-type-selector { display: block; } #search-type-selector .search-type { display: block; width: 100%; text-align: center; background: rgba(255,255,255,.8); } #search-close, #search-submit { position: absolute; padding-top: 2.5px; } #search-close { width: 30px; border-right: 1px solid #ececec; margin-right: -1px; } #search-close .close, #search-submit .search, #map-controls .icon { width: 25px; height: 25px; background-position: -25px -150px; } #search-close .close { width: 20px; background-position: -65px -13px; } #search-type-wrapper { left: 0; } #search-q-wrapper { position: absolute; left: 50px; right: 80px; } #search-submit { right: 0; z-index: 10; } #map-search { left: auto; width: 30px; } #search-type-wrapper, #search-q-wrapper, #search-close { display: none; } #search-submit { width: 30px; z-index: 10; } #map-search.on { left: 8px; width: auto; } #map-search.on #search-type-wrapper, #map-search.on #search-q-wrapper, #map-search.on #search-close { display: block; } #map-search.on #search-q-wrapper { width: auto; } #map-search.on #search-type-wrapper, #map-search.on #search-submit { width: 50px; } #map-search.on #search-submit { right: 30px; } #map-search.on #search-close { right: 0; } #company-panel { position:absolute; left: 0; right: 0; height: 50px;bottom:0px; background: #217bd7; background: rgba(33, 123, 215, .8); color: #fff; -webkit-overflow-scrolling: touch; z-index: 1000000; width:100%; overflow:hidden } #company-panel-controls { position:absolute; right: 0; left: 0; bottom:20px; height: 30px; line-height: 30px; z-index: 11000000000000; } #company-panel-controls .icon { width: 30px; height: 30px; } #company-panel-controls .close { float: left; background-position: -47px -172px; } #company-panel-refresh { float: right; color: #fff; font-size: 12px; margin-right:20px; } #company-panel-controls .refresh { background-position: -47px -147px; vertical-align: -10px; } #company-list { position: absolute; left: 0; top: 0; bottom: 0; color: #fff; font-size: 12px; z-index: 13; } #company-list .company-info { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 30px; height: 100%; } #company-list .company-title { margin-bottom: 0; } #company-list .company-title a { display: block; font-size: 15px; color:#fff; line-height: 1.2; text-align: center; margin-bottom: 0; } #company-indicator { display: -webkit-box; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; z-index: 14; } #company-indicator li { opacity: .3; height: 5px; } #company-indicator li.current { opacity: .9; } #company-list-prev, #company-list-next { position: absolute; left: 10px; top: 50%; margin-top: -12px; width: 25px; height: 25px; z-index: 15; } #company-list-next { left: auto; right: 0; } .company-listicon{ font-size:30px;} .map_iconfont_search{width:20px;height:20px; display:inline-block; background:url(../images/yun_wap_search.png) no-repeat; background-size:100%} .map_iconfont_search_s{color:#333} .map_iconfont_search_map{width:20px;height:20px; display:inline-block; background:url(../images/yun_wap_mapnav.png) no-repeat; background-size:100%} .map_iconfont_search_map_nav{width:20px;height:20px; display:inline-block; background:url(../images/yun_wap_partmap.png) no-repeat; background-size:100%} .map_iconfont_search_map_nav_fd{width:20px;height:20px; display:inline-block; background:url(../images/yun_wap_mapfd.png) no-repeat; background-size:100%} .map_iconfont_search_map_nav_sx{width:20px;height:20px; display:inline-block; background:url(../images/yun_wap_mapsx.png) no-repeat; background-size:100%}