﻿.amap-marker:hover{ z-index: 200; }
/*景点/标注*/
.marker_scenic{ padding-left: 33px;padding-top: 3px;height: 50px;overflow: hidden;cursor: default;white-space: nowrap;z-index: 1;}
.marker_scenic:hover .inner{ background-color: #FFFAC5;}
.marker_scenic:hover .pic{ background-position: 2px -190px; }
.marker_scenic.endpoint .pic { background-position: 2px -188px; }
.marker_scenic.selected .pic { background-position: 2px -83px; }
.marker_scenic .pic{ background: url(../../img/sharingbus/map_spots.png) no-repeat scroll 0% 0%;background-size:20px;background-position: 2px -53px;left: 0px;width: 22px;height: 30px;font-size: 16px;text-align: center;line-height: 30px;font-weight: bold;position: absolute;z-index: 3;}
.marker_scenic .inner{background-color: #FFF;height: 24px;line-height: 25px;border-width: 1px 1px 1px 0px;border-style: solid solid solid none;border-color: #A1A19D #A1A19D #A1A19D -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-top-right-radius: 13px;border-bottom-right-radius: 13px;box-shadow: 2px 2px 2px 0px #CCC;position: relative;left: -10px;padding: 0px 10px 0px 2px;margin: 1px 0px 0px 0px;border: 0px none;z-index: 2;}
.marker_scenic .name{ max-width: 70px;color: #06C;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}


.marker_inn, .marker_customer{ padding-left: 33px;padding-top: 3px;height: 30px;overflow: hidden;cursor: default;white-space: nowrap;z-index: 1;}
.marker_inn:hover .inner{ background-color: #FFFAC5;}
.marker_inn:hover .pic{ background-position: 2px -222px; }
.marker_inn .pic{ background: url(../../img/sharingbus/map_spots.png) no-repeat scroll 0% 0%;background-position: 2px -190px;left: 0px;width: 40px;height: 30px;font-size: 16px;text-align: center;line-height: 32px;font-weight: bold;position: absolute;z-index: 3;}
.marker_inn .inner, .marker_customer .inner{background-color: #FFF;height: 22px;line-height: 20px;border-width: 1px 1px 1px 0px;border-style: solid solid solid none;border-color: #A1A19D #A1A19D #A1A19D -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-top-right-radius: 13px;border-bottom-right-radius: 13px;box-shadow: 2px 2px 2px 0px #CCC;position: relative;left: -15px;padding: 0px 15px 0px 15px;margin: 1px 0px 0px 0px;border: 0px none;z-index: 2;}
.marker_inn .name, .marker_customer .name{ max-width: 70px;color: #06C;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}
.marker_customer .pic{ background: url(../../img/sharingbus/map_spots.png) no-repeat scroll 0% 0%;background-position: 2px -254px;left: 0px;width: 40px;height: 30px;font-size: 16px;text-align: center;line-height: 32px;font-weight: bold;position: absolute;z-index: 3;}
.marker_customer .inner{ background-color: #FFFAC5; }

.rentcar_map_spot{height: 22px;margin-top: -29px;font-size:16px;position:absolute;right:10px;}

/*出发地*/
.marker_depart{ margin: 47px 0px 0px 28px;height: 80px;overflow: hidden;cursor: default;white-space: nowrap;z-index: 1;}
.marker_depart:hover .inner{ background-color: #FFF;}
.marker_depart.selected .pic { background-position: 2px -281px; }
.marker_depart .pic{ background: url(../../img/sharingbus/map_spots.png) no-repeat scroll 0% 0%;background-position: 2px -254px;left: 5px;width: 30px;height: 32px;font-size: 16px;text-align: center;line-height: 32px;font-weight: bold;position: absolute;z-index: 3;}
.marker_depart .inner{background-color: #FFFAC5;height: 22px;line-height: 22px;border-width: 1px 1px 1px 0px;border-style: solid solid solid none;border-color: #A1A19D #A1A19D #A1A19D -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-top-right-radius: 13px;border-bottom-right-radius: 13px;box-shadow: 2px 2px 2px 0px #CCC;position: relative;left: -10px;padding: 0px 15px 0px 20px;margin: 8px 0px 0px 0px;border: 0px none;z-index: 2;}
.marker_depart .name{ max-width: 70px;color: #06C;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}


/*地图*/
#map_container{ width: 100%; height: 300px; overflow: hidden; margin: 0; }

/*景点列表*/
.scenic-button { border: solid 1px; text-align: center; margin: 5px; padding: 4px 18px 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; position: relative; }
.scenic-button .close { padding:2px 4px 0px 0px; }
.map_spot_container span{ padding-right: 13px;}
.map_spot_container .depart { background-color: #F2F2F2; border-color: #d4d4d4; }
.map_spot_container .scenic { background-color: #FFFFB0; border-color: #FFD79E; }
.map_spot_container{color: #000000;font-size: 12px;}
.map_spot_container .spot {display:inline-block; position:relative}
.map_spot_container .spot .close {position:absolute; top:-4px; right:-1px}
.map_spot_container .error_info{ color: #ff0000;}

/*去掉logo*/
.amap-logo, .amap-copyright{ display:none !important;}
/*步行规划乘车样式*/
.map-details {padding: 20px 15px;border-top: 1px solid #eee;}
.map-title{display: -webkit-box;-webkit-box-align: center;padding-bottom: 5px;}
.map-title span:first-child{display: block;font-size: 22px;font-weight: bold;color: #000000;-webkit-box-flex: 1;}
.map-title .map-btn{padding: 3px 8px;background: #28b1cd;vertical-align: middle;border-radius:10px;color:#fff;}
.map-details .labels{display: block;margin-top: 5px;color: #f92b09;}
.car-msg div{display: flex;align-items: center;margin-top: 10px;border:1px #ccc solid;padding:6px 0 6px 8px;line-height:14px;border-radius:10px;}
.car-msg div.scroll,.car-msg div.scroll div {border:none;margin:0;padding:0;}
.car-msg div span{display: block;text-align: left;}
.car-msg div span:last-child{text-align: right;}
.car-msg div span:nth-child(2),.car-msg div span:nth-child(3){flex: 1;margin: 0 8px;}
.car-colors{color: #43bbae;}
.car-wx div{display:block;padding-bottom:6px;}
.car-wx div span{display:inline;}
.car-wx div .fs22{font-size:26px;line-height:35px;font-family:Arial;}
.car-wx div span:nth-child(2){font-size:18px;margin-top:0px;position:absolute;}
.car-wx div span:nth-child(3){display:inline-flex;margin-top:20px;position:absolute;color:#4a4a4a;}
.car-wx div span:nth-child(3) small{margin-left:8px;}
.car-wx .button-small{min-height:24px;line-height:16px;}
.car-wx .button-small.icon-left:before{line-height:15px;}
/**/
@media screen and (max-width: 320px) {
    .map-title span:first-child{font-size: 20px;}
    .car-msg div span:nth-child(2),.car-msg div span:nth-child(3),.map-details .labels{font-size: 12px;}
    .map-title .map-btn{padding: 4px 8px;font-size: 12px;font-weight: normal;}
}