﻿.mapLeft { width: 368px; height: 100%; position: absolute;left: 0;top: 110px; border-right: 1px solid #DDD; background: #F5F5F5; overflow: hidden; z-index: 99; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}    .mapRight {position: relative; height: 100%; margin-left: 369px; z-index: 98; overflow: hidden; background: #FFF; }    .mapSo{clear:both;padding:10px 20px;width:328px;overflow:hidden}
    .mapSo .dropdownBox{width:350px}
    .mapSo select{width:155px;font-size:14px;border:1px solid #E5E5E5;padding:5px;margin:0 10px 10px 0}
    .mapSotext{padding:5px 0}
    .mapSotext input{height:26px;line-height:26px;width:222px;font-size:14px;margin-bottom:10px;border:1px solid #E2E2E2;padding:5px 4px 5px 10px;vertical-align:top}
    .mapSotext .btn{width:85px;padding:4px 0;font-size:14px}
    .mapListBox{clear:both}
    .mapListHead{clear:both;height:38px;line-height:38px;border-top:1px solid #DDD;border-bottom:1px solid #DDD;background:#EEE}
    .mapListHead dt{float:left;width:368px;padding-left:20px}
    .mapListHead dt b{color:#F60;margin:0 5px}
    .mapListHead dd{float:right;width:160px;text-align:center}
    .mapListHead dd span{float:left;width:33.33%}
    .mapListHead dd span a{display:block;border-left:1px solid #DDD}
    .mapListHead dd span a:hover{background:#FFF}
    .mapList{clear:both;font-size:12px;overflow:auto;font-family:Arial,sans-serif}
    .map-list-item {padding: 0 15px; background-color: #fff; transition: background-color .15s ease-in-out; font-size: 12px; color: #181f24; cursor: pointer;}
    .map-list-item .list-itemcontainer {height: 102px; padding: 15px 0; border-top:1px solid #dfdfdf;}
    .map-list-item:first-child .list-itemcontainer { border-top: none;}
    .map-list-item .item-aside { position: relative; float: left; margin-right: 15px;}
    .map-list-item .item-aside img { width: 120px; height: 102px;}
    .map-list-item .item-main { float: left;  width: 178px;}
    .map-list-item .item-main p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .map-list-item .item-main .item-tle { font-size: 18px; color: #333; font-weight: 700; line-height: 1; }
    .map-list-item .item-main .item-des { line-height: 3.4;}
    .map-list-item .item-main .item-price { line-height: 1.4; margin-top: -4px;}
    .map-list-item .item-main .item-price span { font-family: Tahoma; font-weight: 800; font-size: 14px; color: #f15044;}
    .map-list-item .item-main .item-tip { margin-top:10px;}
    .map-list-item .item-main .item-tip a { background-color:#42a5f5; color:#fff; border-radius:4px; padding:6px 10px;}
    
    .MapPopDiv { white-space:nowrap; width:auto; position:absolute;height: 24px; line-height: 24px; cursor: pointer; text-align: center; box-shadow: 0 1px 2px rgba(0,0,0,0.3); user-select: none;}
    .MapPopDiv .num { height:24px; padding: 0 3px; display: inline-block; background-color: #00a75b; border-radius: 2px; border: 1px solid #00a75b; min-width: 40px;  color:#fff;}
    .MapPopDiv .arrow-up {border: 4px solid transparent; border-top-width: 4px; border-top-color: #00a75b;display: block; width: 0; height: 0; }
    .MapPopDiv:hover .num { background-color:#e4393c; border:1px solid #e4393c;}
    .MapPopDiv:hover .arrow-up {border-top-color:#e4393c;}
    
    .resblock_card { }
    .resblock_card .img_frame { float: left; width: 140px; height: 100px;}
    .resblock_card .img_frame img {width: 140px; height: 100px;}
    .resblock_card p { margin-left: 150px; font-size: 13px; color: #666; overflow: hidden; height: 25px; line-height: 25px;}
    .resblock_card p.black { color: #4A4A4A; font-size: 16px; height: 32px; line-height: 32px;  font-weight: bold;}
    .resblock_card p.mgb20 { margin-top: 3px; margin-bottom: 18px;}
    .resblock_card .resblock_card_desc, .resblock_card .black { text-overflow: ellipsis;}