*{ padding: 0; margin: 0; } html,body{ width: 100%; height: 100%; font-size: 15px; } .flan{ color: #0D9BF2; } .amap-marker .marker-route { position: absolute; width: 40px; height: 44px; color: #e90000; background: url(http://webapi.amap.com/theme/v1.3/images/newpc/poi-1.png) no-repeat; cursor: pointer; } .amap-marker .marker-marker-bus-from { background-position: -334px -180px; } .amap-geolocation-con{ /*bottom:30% !important;*/ position: absolute; z-index: 9999; left: 20px; top:50%; } .onepark{ width:100%; position: absolute; bottom:0; z-index:9999; padding: 8px 10px; box-sizing: border-box; } .neir{ width:100%; background: #0D9BF2; /*border-radius: 5px;*/ border:1px solid #9B9B9B; display: table; } .neir>div{ display: inline-block; height:100px; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: table-cell; } .neir>div.leftinfo{ background: #fff; width:80%; } .neir>div.rightinfo{ width:20%; text-align: center; color: #fff; font-size: 14px; } .neir>div.rightinfo i{ font-size: 30px; color: #fff; } .marker-marker-bus-from>span>span{ position: absolute; top:-30px; display: inline-block; height: 30px; line-height: 30px; background: #fff; padding: 0 3px; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .mark>span>span{ display: none; } .list{ left:10px; top:70px; /*bottom:30%;*/ margin-bottom:-50px; } /*list 样式*/ .leftinfo{ padding:0 10px; } .leftinfo>div{ /*margin-bottom:4px; margin-top:4px;*/ } .leftinfo .lname{ font-size:14px; margin-bottom:8px; height: 20px; overflow: hidden; } .leftinfo .bg00f{ background: #00ff00; color: #fff; border-radius: 3px; font-size:12px; padding:3px 5px; } .leftinfo .lnum,.leftinfo .ladres{ font-size:13px; color: #ACB3BB; } .leftinfo .font00f{ color: #0f0; } .leftinfo .ladres .font0f0{ color: #00f; } .iconlist{ background: #fff; font-size: 25px; text-align: center; padding-top: 2px; } .search{ position: absolute; width: 100%; padding:0 10%; top: 15px; box-sizing: border-box; z-index: 9999; height: 40px; } .search .psearch{ background: #fff; width: 100%; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 4px; } .search .psearch>div{ float: left; height: 40px; line-height: 40px; font-size: 13px; color: #C0C0C0; } .search .psearch>div:first-child{ width: 87%; padding-left: 10px; box-sizing: border-box; } .search .psearch>div:first-child>div{ height: 40px; background: #C0C0C0; width: 1px; float: right; } .search .psearch>div:last-child{ width: 13%; text-align: center; } .amap-ui-control-theme-normal{ top: 60px !important; } .P{ width: 30px; height: 30px; border-radius: 50%; margin:200px auto; padding: 3px; background: #fff; box-sizing: border-box; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.4); } .P>div{ background: #00FF00; width: 100%; height: 100%; border-radius: 50%; } .P>span{ display: inline-block; position: absolute; width: 5px; height: 5px; transform: rotate(135deg); background: #CE3C39; bottom: -2px; left: 11px; background: #fff; }