/*地图页*/
.map_header{ position: relative; min-width: 1068px!important; height: 88px; border-bottom: 5px solid #c0a46d; background-color: #fff; } 
.map_header .logo{ height:88px; margin-left: 100px; }
.map_header .form_box{ float: left; margin-left: 27px; }
.map_header .inp_box{ position: relative; margin: 25px 0 25px 20px;}
.map_header .inp_tt{ float: left; font-size: 14px; line-height: 38px; color: #808080; }
.map_header .inp_box input,
.map_header .inp_box .inp_box{ margin-left: 6px; float: left; padding: 0 10px; height: 36px; border: 1px solid #e5e5e5; font-size: 14px; line-height: 36px; }
.map_header .inp_box.date_inp input{ width: 110px; cursor: pointer; }
.map_header .inp_box.key_inp input{ width: 208px; }
.map_header .inp_box.date_inp input{ background: url(../img/date_bg.png) 106px center no-repeat; }
.map_header .inp_box.ct_inp .ct_box{ float: left; margin-left: 6px; width: 132px; height: 38px; line-height: 36px; }
.map_header .subbtn{ float: left; margin: 25px 0 25px 10px; width: 110px; height: 38px; font-size: 14px; line-height: 38px; text-align: center; color: #fff; background-color: #c0a46d; border-radius: 2px; }
.map_header .right_link{ margin: 25px 87px 25px 0; padding: 0 24px; font-size: 14px; line-height: 38px; color: #c0a46d; background-color: #f9f6f0; }

.mapMain{ position: relative; padding-right: 310px; }
.mapMain.closeSlide{ padding-right: 0; }
.mapMain .map_box{ height: 100%; }
.mapMain .map_slide{ padding: 55px 0 10px; box-sizing: border-box; position: absolute; top: 0; right: 0; width: 310px; border-left: 1px solid #e5e5e5; background-color: #fff; height: 100%; }
.mapMain .map_slide .tap_bar{ width: 100%; position: absolute; top: 0; left: 0;}
.mapMain .map_slide .tap_bar .filter{ float: left; width: 154px; border-bottom: 1px solid #e5e5e5; font-size: 14px; line-height: 44px; text-align: center; color: #666; background-color: #f6f6f6; cursor: pointer;}
.mapMain .map_slide .tap_bar .filter.current{ background-color: #fff; border-bottom-color: #fff; }
.mapMain .map_slide .tap_bar .filter.df_flt{ border-right: 1px solid #e5e5e5; }
.mapMain .map_slide .tap_bar .filter.pr_flt .price_sort{ position: relative; top: 1px; display: inline-block; margin-left: 2px; width: 16px; height: 13px; background-image: url("../img/map_sort.png"); background-position: 0 0; }
.mapMain .map_slide .tap_bar .filter.pr_flt.up .price_sort{ background-position: 0 -13px; }
.mapMain .map_slide .tap_bar .filter.pr_flt.down .price_sort{ background-position: 0 -26px; }
.mapMain .map_slide .scroll_box{ height: 100%; box-sizing: border-box;}
.mapMain .map_slide .scroll_box #scrollbar1{ height: 100%;}
.mapMain .map_slide .map_ht_list li{ padding: 0 15px; }
.mapMain .map_slide .map_ht_list li.active{ background-color: #fafafa; }
.mapMain .map_slide .map_ht_list li.active .p2 span{ color: #ff6600; }
.mapMain .map_slide .map_ht_list .ht_li{ display: block; padding: 20px 0 16px; height: 44px; border-bottom: 1px dashed #e5e5e5; }
.mapMain .map_slide .map_ht_list .logoMark{ float: left; position: relative; height: 38px; width: 30px; background: url(../img/map_marker.png) 0 0 no-repeat; }
.mapMain .map_slide .map_ht_list .logoMark .logo_icon{ position: absolute; display: block; top: 0; left: 0; width: 30px; height: 30px; background: url(../img/map_marker.png) -110px 0 no-repeat; }
.mapMain .map_slide .map_ht_list li.active .logoMark{ background-position-x: -30px}
.mapMain .map_slide .map_ht_list .logoMark.logo2 .logo_icon{ background-position-y: -30px; }
.mapMain .map_slide .map_ht_list .logoMark.logo3 .logo_icon{ background-position-y: -60px; }
.mapMain .map_slide .map_ht_list .logoMark.logo4 .logo_icon{ background-position-y: -90px; }
.mapMain .map_slide .map_ht_list .logoMark.logo5 .logo_icon{ background-position-y: -120px; }
.mapMain .map_slide .map_ht_list .name_n_price{ float: left; margin-left: 15px; }
.mapMain .map_slide .map_ht_list .p1{ font-size: 14px; line-height: 14px; color: #111; }
.mapMain .map_slide .map_ht_list .p2{ padding-top: 15px; font-size: 12px; line-height: 12px; color: #111; }
.mapMain .map_slide .map_ht_list .p2 span{ font-size: 14px; color: #c0a46d; }
.mapMain .map_slide .map_ht_list .p2 .num{ position: relative;top: 1px; font-size: 22px; }
.mapMain .map_slide .toggle_right{ position: absolute; left: -18px; top: 50%; margin-top: -59px; width: 18px; height: 117px; background:url(../img/map_marker.png) 0 -110px; cursor: pointer; }
.mapMain .map_slide .toggle_right.open{ background-position-x: -30px; }

/*地图标记*/
.ht_marker{ height: 43px; padding-right: 16px; }
.ht_marker_label{ position: relative; top: 5px; left: 16px; z-index: 0; padding: 8px 10px 8px 20px; font-size: 12px; line-height: 12px; border: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 0 0 8px rgba(0,0,0,0.12);cursor: pointer; background-color: #fff; }
.ht_marker_label span{ color: #c0a46d; font-weight: bold; }
.ht_marker_icon{ position: absolute; z-index: 5; top: 0; left: 0;width: 32px; height: 43px; background: url(../img/map_marker.png) 0 -50px no-repeat; }
.ht_marker_icon .ht_logo{ position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(../img/map_marker.png) -80px 0 no-repeat; }
.ht_marker_icon.brand2 .ht_logo{ background-position-y: -30px; }
.ht_marker_icon.brand3 .ht_logo{ background-position-y: -60px; }
.ht_marker_icon.brand4 .ht_logo{ background-position-y: -90px; }
.ht_marker_icon.brand5 .ht_logo{ background-position-y: -120px; }

.ht_marker.active .ht_marker_label{ background-color: #ff6600; color: #fff; }
.ht_marker.active .ht_marker_label span{ color: #fff; }
.ht_marker.active .ht_marker_icon{ background-position-x: -32px; }


.amap-marker{ white-space: nowrap; }
.amap-info .info{ position: relative; padding: 20px; width: 515px; border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.12) }
.amap-info .info-left img{ width: 218px; height: 160px; }
.amap-info .info-close{ position: absolute; right: 12px; top: 12px; cursor: pointer; }
.amap-info .info-right{ margin-left: 15px; width: 282px; white-space: nowrap; }
.amap-info .info-right .p1{ margin-top: 11px; font-size: 20px; line-height: 20px; color: #111;overflow: hidden; text-overflow: ellipsis; }
.amap-info .info-right .p2{ margin-top: 15px; font-size: 14px; line-height: 14px; color:#c0a46d;}
.amap-info .info-right .p2 .stars{ display: block; margin-right: 3px; width: 84px; height: 13px; background: url(../img/xing.png) 0 0 repeat-x; }
.amap-info .info-right .p2 .stars.lv10{ width: 169px;}
.amap-info .info-right .p2 .stars.lv9{ width: 152px;}
.amap-info .info-right .p2 .stars.lv8{ width: 135px;}
.amap-info .info-right .p2 .stars.lv7{ width: 118px;}
.amap-info .info-right .p2 .stars.lv6{ width: 101px;}
.amap-info .info-right .p2 .stars.lv5{ width: 84px;}
.amap-info .info-right .p2 .stars.lv4{ width: 67px;}
.amap-info .info-right .p2 .stars.lv3{ width: 50px;}
.amap-info .info-right .p2 .stars.lv2{ width: 33px;}
.amap-info .info-right .p2 .stars.lv1{ width: 16px;}
.amap-info .info-right .p3,
.amap-info .info-right .p4{ margin-top: 15px; font-size: 12px; line-height: 12px; color:#808080;overflow: hidden; text-overflow: ellipsis; }
.amap-info .info-right .p4{ margin-top: 13px;}
.amap-info .info-right .p5{ margin-top: 16px; }
.amap-info .info-right .p5 .price{ padding-top: 9px; font-size: 12px; line-height: 12px; color: #111;}
.amap-info .info-right .p5 .price span{ font-size: 18px; color: #c0a46d;}
.amap-info .info-right .p5 .price span.num{ font-size: 28px; font-weight: bold;}
.amap-info .info-right .p5 .info_btn{ display: block; width: 100px; height: 32px; font-size: 12px; line-height: 32px; text-align: center; color: #fff; background-color: #c0a46d; border-radius: 2px; }
.amap-info .info-bottom{ position: absolute; left: 0; bottom: -17px; width: 100%; font-size: 0; line-height: 0; }
.amap-info .info-bottom img{ display: block; margin: 0 auto; }

html,body,.contanter{ height: 100%; }

#hotel_bdmap{
    position: absolute;
    width: 100%;
    height: 100%;
}
.ht_marker {
    width: 36px;
    height: 48px;
}
.amap-overlays{
    z-index: 1;
}
.amap-info-close{
    right: 5px!important;
}
.amap-info-content{
    padding: 0!important;
    border-radius: 0!important;
}
.ht_marker{
    width: 32px;
    height: 42px;
}
.ht_marker div{
    width: 32px;
    height: 42px;
    background-position: 0 0;
    background-size: 100%;
}
.ht_marker.active div{
    position: relative;
    top: -8px;
    left: -6px;
    width: 44px;
    height: 58px;
}

.hotel_map_win{
    color: #333;
    overflow: hidden;
    width: 800px;
    padding: 20px;
    box-sizing: border-box;
}

.map_win_left {
    float: right;
    width: 420px;
    height: 230px;
    position: relative;
}

.map_win_left .li1 {
    display: block;
    padding-top: 10px;
    line-height: 1;
    font-size: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.map_win_left .li1 a{
    color: inherit;
}

.map_win_left .detail {
    padding: 14px 0;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
}
.map_win_left .detail a{
    color: #c0a46d;
}

.map_win_left .li2 {
    padding-top: 5px;
    font-size: 14px;
}

.map_win_left .li2 i {
    font-size: 15px;
    color: #c0a46d;
    width: 22px;
}

.map_win_left .li3 {
    padding-top: 26px;
    font-size: 14px;
    color: #333;
    line-height: 46px;
}

.map_win_left .li3 b {
    font-size: 28px;
    margin: 0 4px;
    font-weight: 400;
}

.map_win_left .li3 span {
    font-size: 18px;
    color: #c0a46d;
}

.map_win_left .li3 .cf {
    font-size: 20px;
}

.map_win_left .li3 .cfxz {
    color: #333;
    padding-top: 7px;
}

.map_win_left .li3 .cfxz i {
    margin-right: 4px;
}

.map_win_right {
    float: left;
    width: 314px;
    height: 230px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.map_exhibition {
    position: absolute;
    right: 100px;
    top: 186px;
    color: #c0a46d;
    background-color: #fff;
    line-height: 44px;
    width: 200px;
    text-align: center;
    border: 1px solid #c0a46d;
    font-size: 16px;
    font-weight: 700;
}   
.map_exhibition i {
    margin-right: 5px;
}

@media (max-width: 1600px) {
    .map_header .right_link{ margin-right: 10px; }
}
@media (max-width: 1495px) {
    .map_header .form_box{ margin-left: 0; }
    .map_header .logo{ margin-left: 20px; }
    .map_header .inp_box.ct_inp input{width: 60px; }
    .map_header .inp_box.date_inp input{ width: 100px; padding: 0 5px; background-position-x: 86px; }
    .map_header .inp_box.key_inp input{width: 100px;}
    .map_header .subbtn{width: 70px;}
}
@media (max-width: 1150px) {
    .map_header .logo{ margin-left: 0; }
    .map_header .right_link{ margin-right: 0; padding: 0 10px; }
}