@charset "utf-8";
/* 头部修改 start */
.head_top .head_icon i.head_title { width: 400px; background-image: url(/newimages/head_title_yse2.png);}
.head_top .head_nav .head_title_a ul li a, .head_top .head_nav a.head_nav_item { color: #27548c;}
.head_top .head_nav a.head_nav_item em.icon {background-position-x: -104px;}
.head_top .head_nav .head_title_a ul li a.ydb::before { background-image: url(/newimages/head2_icon1.png);}
.head_top .head_nav .head_title_a ul li a.head_wza::before { background-image: url(/newimages/head2_icon2.png);}
.head_top .head_nav .head_title_a ul li a.head_ghb::before { background-image: url(/newimages/head2_ghb_icon.png);}
.head_top .head_nav .head_title_a ul li a.znjqr::before{ background-image: url(/newimages/head2_icon3.png);}
.head_top .head_icon i.head_logo{ display: none;}
/* 头部修改 end */

body { position: relative;}
.w1700 { max-width: 1720px; margin: 0 auto; padding: 0 30px;}
.head_top, .lh_footer { position: relative; z-index: 8;}
.lh_hot_map_warp::after { content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: 1; height: 170px; background: url(/appsimages/zt_hot_map_bg_1.jpg) no-repeat center; background-size: cover;}
.lh_hot_map_warp .warp { position: relative; z-index: 2;}
.warp .tit { padding: 60px 20px 150px; text-align: center;}
.warp .tit img { max-height: 130px;}
.map_box { width: 100%; height: 1000px; position: relative; overflow: hidden;box-sizing: border-box;-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.map_box.loading::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .1) url(/newimages/loading.gif) no-repeat center; z-index: 99;background-size: 40px;}
/* .map_box .tools_t { position: absolute; top: 0; left:0; right: 0; height: 100px; z-index: 3; background-image: linear-gradient(#7A7A7A 20%, #7A7A7A 20%, rgba(0,0,0,0));}
.map_box .tools_t .t_box { width: 1300px; height: 52px; line-height: 52px; position: absolute; z-index: 2; left: 50%; top: 20px; transform: translateX(-50%); text-align: center; color: #fff; font-size: 18px;}
.map_box .tools_t .t_box .tools_tag .zj-select { float: left; width: 140px; margin: 5px 0 0 15px; line-height: 40px; font-size: 15px;}
.map_box .tools_t .t_box .tools_tag .zj-select .pop_per { min-width: 140px;}
.map_box .tools_t .t_box .search_box { margin-right: 25px;}
.map_box .tools_t .t_box .search_inp { float: left; width: 540px;}
.map_box .tools_t .t_box .search_inp input { height: 52px; border-radius: 5px 0 0 5px;}
.map_box .tools_t .t_box .search_box .searchBtn { float: left; width: 100px; text-align: center; background: #409EFF; color: #fff; transition: .3s;}
.map_box .tools_t .t_box .search_box .searchBtn:hover { background: #2789ED;}
.map_box .tools_t .t_box .search_box .pop_per { top: 65px;}
.map_box .tools_t .t_box .search_box .pop_per.loading ul { min-height: 80px; background: url(/newimages/loading.gif) no-repeat center; background-size: 20px;}
.map_box .tools_t .t_box .search_box ul li { padding: 6px 20px; text-align: left; height: auto; font-size: 15px; line-height: 20px;}
.map_box .tools_t .t_box .search_box ul li strong { display: block; font-weight: 500;}
.map_box .tools_t .t_box .search_box ul li em { font-size: 13px; color: #999;}  */
.map_box .tools_b { width: 1200px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 2}
.map_box .tools_b .list_box { height: 200px; position: relative; padding-left: 62px; border-radius: 10px; overflow: hidden; background: rgba(255, 255, 255, .9); box-shadow: 0 0 12px rgba(0, 0, 0, .6); box-sizing: border-box;}
.map_box .tools_b .list_box h6 { position: absolute; left: 0; top: 0; bottom: 0; width: 62px; z-index: 2; text-indent: -99em; background: #fff url(/appsimages/zt_hot_map_tit_2.png) no-repeat center;}
.map_box .tools_b .list_box.yt { float: left; width: 62%; padding: 20px 0 30px 92px; overflow: hidden;}
.map_box .tools_b .list_box.rk { float: right; width: 35%; padding: 20px 20px 20px 82px;}
.map_box .tools_b .list_box.rk h6 { background-image: url(/appsimages/zt_hot_map_tit_3.png); }
.map_box .tools_b .list_box .ageList { height: 100%; background: #fff; padding-left: 10px; }
.map_box .tools_b .list_box .zj-radio { width: 42%; margin: 10px 0 0 5%; padding: 0 10px 0 25px; font-size: 17px; box-sizing: border-box;}
.map_box .tools_b .list_box .zj-radio i::after { border-color: #888;}
.map_box .tools_b .list_box .zj-radio input[type='radio']:checked ~ i::after { border-color: #409eff;}
.map_box .tools_b .list_box .zj-radio i { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.map_box .tools_b .list_box.yt .zj-radio { width: 49%; margin: 12px 0;}
.map_box .tools_b .list_box.yt .swiper-slide:last-child .zj-radio { width: 32%;}
.ytSwiper { overflow: hidden;}
.ytSwiper .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 6px; transition: .3s;}
.ytSwiper .swiper-pagination-bullet-active { width: 40px; background: #409EFF;}
.map_container,.map_container .container { height: 100%; overflow: hidden;}
.map_box .amap-icon img { max-width: 100% !important; }
.map_box .amap-container,
.map_box .amap-layers,
.map_box .amap-e,
.map_box .amap-layers, 
.map_box .amap-maps,
.map_box .amap-tile-container { overflow: visible;}

/* 图例 */
.map_legend { width: 18px; position: absolute; left: 63px; top: 10px; bottom: 10px; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 15px; text-align: center; z-index: 2;}
.map_legend em { display: block;}
.map_legend i { display: inline-block; flex: 1; width: 14px; background: #f33; background-image: linear-gradient(to bottom, #ECDC4F , #F64553, #BF44C1, #C8C8C8); }
.map_legend.rk i {background-image: linear-gradient(to bottom,  rgba(132,14,14,.6), rgba(206,60,60,.6), rgba(241,99,99,.6), rgba(253,145,105,.6), rgba(255,244,210,.6));}

/* 指引 */
.map_guide { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, .8); z-index: 999;}
.map_guide .guide_box {  text-align: center;}
.map_guide .guide_box .guide_ps { border-radius: 10px; padding: 30px; border: 1px dashed #fff;}
.map_guide .guide_box .guide_ps .imagePs { display: none;}
/* .map_guide .guide_box .guide_ps .imagePs img { max-width: 100%;} */
.map_guide .guide_box .guide_ps .ok { display: inline-block; width: 100px; height: 36px; margin-top: 20px; line-height: 36px; font-size: 16px; color: #fff; background: #4A90E2; border-radius: 6px; transition: .3s;}
.map_guide .guide_box .guide_ps .ok:hover { background: #2E76D1;}
.map_guide .guide_box .closeBtn { display: inline-block; font-size: 20px; margin-top: 20px; color: #fff;}

/* 新版指引 */
.map_newGuide_box{background: rgba(0, 0, 0, .8);}
.map_newGuide { position:relative; }
.map_newGuide .item .image img{max-width: none; width: 100%;}
.map_newGuide .item .imageBox .s2{display: none;}
.map_newGuide .item{display: none;}
.map_newGuide .item.on{display: block;}
.map_newGuide .item .btns{display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 999; }
.map_newGuide .item1 .btns{right: 162px; top: 341px; width: 257px; height: 38px;}
.map_newGuide .btns a{transition: .3s; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; padding: 0 21px; background-color: #419dff; border-radius: 4px; height: 100%;}
.map_newGuide .btns a:hover{opacity: 0.8;}
.map_newGuide .item2 .btns{right: 110px; top: 190px; width: 358px; height: 38px;}
.map_newGuide .item3 .btns{right: 115px; top: 294px; width: 358px; height: 38px;}
.map_newGuide .item4 .btns{right: 113px; top: 664px; width: 358px; height: 38px;}
.map_newGuide .item5 .btns{right: 1047px; top: 539px; width: 358px; height: 38px;}
.map_newGuide .item6 .btns{right: 1076px; top: 266px; width: 358px; height: 38px;}


/* 信息框 start */
.jd_infoWindow { width: 450px; transform: translateY(-32px); background: #fff; border-radius: 5px; border: 2px solid #fff; box-shadow: 0 0 9px rgba(16, 60, 125, .7);}
.jd_infoWindow .title { height: 70px; line-height: 70px; padding-left: 15%; background: url(/appsimages/zt_hot_map_jd_tit.jpg) no-repeat center; background-size: cover; font-size: 26px; color: #318ee5; letter-spacing: 3px; font-weight: 700;}
.jd_infoWindow .info { padding: 20px; background: url(/appsimages/zt_hot_map_jd_info.jpg) no-repeat right bottom; font-size: 16px; line-height: 30px; font-size: 16px; color: #0e407b;    background-size: 100% 100%;}
.jd_infoWindow .info span { display: block; text-indent: 2em;}
.jd_infoWindow .info i { color: #f33; font-weight: 700;}
.jd_infoWindow .jd_arrow {position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); width: 60px; height: 30px; background: url(/appsimages/zt_hot_map_jd_arrow.png) no-repeat center top; background-size: 100%;}
.jd_infoWindow.circle {
  /* transform: translateY(-65px); */
  margin-top: -32px;}
/* 信息框 end */

/* 20240424 调整 start */
.map_box .tools_t .t_box { width: 1315px;}
.map_box .tools_t .t_box .tools_tag .zj-select { width: 120px;}
.jd_infoWindow { width: 520px;}
.jd_infoWindow.circle .info span.distance { display: flex; text-indent: 0; margin-bottom: 10px;}
.jd_infoWindow.circle .info span.distance em { display: block; font-size: 14px;}
.jd_infoWindow.circle .info span.distance em.num { flex: 1; position: relative; margin: 0 20px 0 10px;}
.jd_infoWindow.circle .info span.distance em.num i { display: block;font-size: 12px; color: #2789ED; position: absolute; text-align: right;}
.jd_infoWindow.circle .info span.distance em.num i:nth-child(1) { left: 0; right: 80%;}
.jd_infoWindow.circle .info span.distance em.num i:nth-child(2) { left: 20%; right: 50%;}
.jd_infoWindow.circle .info span.distance em.num i:nth-child(3) { left: 50%; right: 0;}
.jd_infoWindow.circle .info span.distance em.num i b { display: inline-block; width: 40px; text-align: right; position: relative; top: 13px;text-indent: 20px;white-space: nowrap; z-index: 3;}
.jd_infoWindow.circle .info span.distance em.num i b a { display: block; position: absolute; top: 0; z-index: 6; transform: translate(15px, -5px); display: block; left: 0; right: 0;bottom: 0;}
.jd_infoWindow.circle .info span.distance em.num i b::before { content: "";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #2E76D1;position: absolute;right:0;top: 0;transform: translateY(-2px);}
.jd_infoWindow.circle .info span.distance em.num i::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #ddd; transform: translateY(-1px);}
.jd_infoWindow.circle .info span.distance em.num i.on { z-index: 4;}
.jd_infoWindow.circle .info span.distance em.num i.on::after { background: #2E76D1;}

/* .jd_infoWindow.circle .info span.mating .tabs { display: block;}
.jd_infoWindow.circle .info span.mating .tabs i { float: left; height: 30px; padding: 0 15px; line-height: 28px; box-sizing: border-box; cursor: pointer; font-size: 15px; color: #333; background: #fff; border: 1px solid #ADC9D7; border-left: none;}
.jd_infoWindow.circle .info span.mating .tabs i:first-child { border-left: 1px solid #ADC9D7; border-radius: 14px 0 0 14px;}
.jd_infoWindow.circle .info span.mating .tabs i:last-child { border-radius: 0 14px 14px 0;}
.jd_infoWindow.circle .info span.mating .tabs i.on { background-color: #409EFE; border-color: #409EFE;color: #fff;} */
/* .jd_infoWindow.circle .info span.mating .item { display: none;}
.jd_infoWindow.circle .info span.mating .item a { display: inline-block; padding: 5px 5px 0; font-size: 15px; color: #2f82df;} */
/* .jd_infoWindow.circle .info span.mating .item a i { color: #f60; font-weight: 500;} */
/* 20240424 调整 end */

/* 20240912 调整 start */
.jd_infoWindow.circle { width: 560px;}
.jd_infoWindow.circle .info span.tl_ps { display: flex; align-items: center; text-indent: 0; margin-bottom: 30px;}
.jd_infoWindow.circle .info span.tl_ps em { padding-right: 15px;}
.jd_infoWindow.circle .info span.tl_ps i { flex: 1; margin: 0 15px; border: 1px solid #F3F3F3; background-color: #fff; line-height: 0; padding: 5px 10px; box-sizing: border-box; border-radius: 15px;}
.jd_infoWindow.circle .info span.tl_ps i::after { display: block; content: '由紫色到黄色代表行业密度越来越大'; font-size: 12px; color: #333; text-align: center; position: relative;font-weight: 400; bottom: -16px}
.jd_infoWindow.circle .info span.tl_ps.yn i::after {content: '由浅到深代表区域人口密度越来越大';}
.jd_infoWindow.circle .info span.tl_ps i img { max-width: 100% !important;}

.jd_infoWindow.circle .info span.distance { margin-bottom: 25px;}
.jd_infoWindow.circle .info span.distance em { display: block; font-size: 16px;}
.jd_infoWindow.circle .info span.distance em.num i::after { height: 10px; transform: translateY(-50%); border-radius: 8px; background: #DDEDFF;box-shadow: 2px 0px 10px rgba(10, 76, 145, .18); border: 3px solid #fff;}
.jd_infoWindow.circle .info span.distance em.num i b { width: 50px;top: 24px; right: -10px;text-indent: 18px;font-size: 15px;color: #409eff;font-weight: 500;}
.jd_infoWindow.circle .info span.distance em.num i b::before {width: 16px;height: 16px;background: #DDEDFF;transform: translateY(-20px); border: 3px solid #fff; box-shadow: 2px 0px 10px rgba(10, 76, 145, .18);}
.jd_infoWindow.circle .info span.distance em.num i:nth-child(1) { z-index: 3;}
.jd_infoWindow.circle .info span.distance em.num i:nth-child(2) { z-index: 2;}
.jd_infoWindow.circle .info span.distance em.num i:nth-child(3) { z-index: 1;}
.jd_infoWindow.circle .info span.distance em.num i b a { top: -18px;}
.jd_infoWindow.circle .info span.distance em.num.n1 i.on::after {background-image: linear-gradient(to right, #93B047 , #2180DD);}
.jd_infoWindow.circle .info span.distance em.num.n2 i.on:nth-child(1):after {background-image: linear-gradient(to right, #93B047 , #659D84);}
.jd_infoWindow.circle .info span.distance em.num.n2 i.on:nth-child(2):after {background-image: linear-gradient(to right, #659D84 , #2180DD);}
.jd_infoWindow.circle .info span.distance em.num.n5 i.on:nth-child(1):after {background-image: linear-gradient(to right, #93B047 , #7DA664);}
.jd_infoWindow.circle .info span.distance em.num.n5 i.on:nth-child(2):after {background-image: linear-gradient(to right, #7DA664 , #5B9790);}
.jd_infoWindow.circle .info span.distance em.num.n5 i.on:nth-child(3):after {background-image: linear-gradient(to right, #5B9790 , #2180DD);}
.jd_infoWindow.circle .info span.distance em.num i.on b::before { background: #409EFF;}
.jd_infoWindow.circle .info span.tl { padding: 10px 20px; text-indent: 0; background: url(/appsimages/zt_hot_map_tl_2.png) no-repeat center; background-size: 100% 100%;border: 1px solid #fff; border-radius: 15px; line-height: 24px; box-shadow:0 0 4px rgba(15, 58, 62, .08);}
.jd_infoWindow.circle .info span.mating { margin-top: 15px; text-indent: 0; padding-left: 76px; position: relative;}
.jd_infoWindow.circle .info span.mating .t { position: absolute; left: 0; top: 0; line-height: 34px;}
.jd_infoWindow.circle .info span.mating .tabs { display: flex; width: 100%;}
.jd_infoWindow.circle .info span.mating .tabs i { position: relative; flex: 1; height: 36px; margin-left: 8px; text-align: center; line-height: 34px; border-radius: 18px; box-sizing: border-box; cursor: pointer; font-size: 14px; color: #333; background: #fff; border: 1px solid #ADC9D7; }
.jd_infoWindow.circle .info span.mating .tabs i:first-child { margin-left: 0;}
.jd_infoWindow.circle .info span.mating .tabs i.jt { border-color: #409EFF; color: #73b9ff;}
.jd_infoWindow.circle .info span.mating .tabs i.sh { border-color: #df6651; color: #ff8f7b;}
.jd_infoWindow.circle .info span.mating .tabs i.gw { border-color: #5AB5CD; color: #7edbf5;}
.jd_infoWindow.circle .info span.mating .tabs i.bs { border-color: #B35398; color: #eb7fcc;}
.jd_infoWindow.circle .info span.mating .tabs i.on { border-color: transparent; color: #fff; position: relative;}
.jd_infoWindow.circle .info span.mating .tabs i.on.jt { background: #409EFF;background-image: linear-gradient(145deg, #409EFF , #7ebeff);}
.jd_infoWindow.circle .info span.mating .tabs i.on.sh { background: #E8735E;background-image: linear-gradient(145deg, #E8735E , #ff9683);}
.jd_infoWindow.circle .info span.mating .tabs i.on.gw { background: #5AB5CD;background-image: linear-gradient(145deg, #5AB5CD , #8ce6ff);}
.jd_infoWindow.circle .info span.mating .tabs i.on.bs { background: #B35398;background-image: linear-gradient(145deg, #B35398 , #ff98e2);}
.jd_infoWindow.circle .info span.mating .tabs i::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 3px; transform: translateY(6px); background: url(/appsimages/zt_hot_map_tl_3.png) no-repeat;}
.jd_infoWindow.circle .info span.mating .tabs i.jt::before { background-position: 0 0;}
.jd_infoWindow.circle .info span.mating .tabs i.sh::before { background-position: 0 -33px;}
.jd_infoWindow.circle .info span.mating .tabs i.gw::before { background-position: 0 -64px;}
.jd_infoWindow.circle .info span.mating .tabs i.bs::before { background-position: 0 -98px;}
.jd_infoWindow.circle .info span.mating .tabs i.on::before { background-position-x: -32px;}
.jd_infoWindow.circle .info span.mating .tabs i.on::after { content: ''; display: inline-block; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); width: 21px; height: 12px; background: url(/appsimages/zt_hot_map_tl_4.png) no-repeat; }
.jd_infoWindow.circle .info span.mating .item { display: none; margin-top: 15px; padding: 5px 10px 10px; text-align: center; background: rgba(255, 255, 255, .1); box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 10px;}
.jd_infoWindow.circle .info span.mating .item.sh { width: 106%; margin-left: calc(-6% - 20px);}
.jd_infoWindow.circle .info span.mating .item a { display: inline-block; margin: 5px 2px 0; height: 36px; padding: 0 15px; border-radius: 18px; line-height: 36px; background: #DDEDFF; border: 1px solid #fff; font-size: 15px; color: #2f82df;}
.jd_infoWindow.circle .info span.mating .item a i { display: inline-block; width: 24px; height: 24px; margin: 0 3px; font-size: 14px; border-radius: 50%; line-height: 24px;background: rgba(255, 255, 255, .8);}
.jd_infoWindow.circle .info span.mating .item a.on { background: #6AB6FE; color: #fff;}
.jd_infoWindow.circle .info span.mating .item a.not { opacity: .8; cursor: default;}
.jd_infoWindow.circle .info span.mating .item .xx { display: none;}
.jd_infoWindow.circle .info span.mating .item.tOther { position: relative; padding-bottom: 90px;}
.jd_infoWindow.circle .info span.mating .item.tOther > span { display: block; padding: 5px 10px 10px;  position: absolute; left: 10px; top: 65px; text-indent: 0; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.jd_infoWindow.circle .info span.mating .item.tOther > span a { height: 32px; line-height: 30px; padding: 0 10px; background: #f2f8ff; font-size: 14px;}
.jd_infoWindow.circle .info span.mating .item.tOther > span a.on { background: #6AB6FE;}
.jd_infoWindow.circle .info span.mating .item.tOther > span::after {content: ''; display: inline-block; position: absolute; left: 50px; top: -12px; width: 21px; height: 12px; background: url(/appsimages/zt_hot_map_tl_4.png) no-repeat;}
.jd_infoWindow.circle .info span.mating .item .xx_a::after { content: ">";position: relative; left: 4px; display: inline-block; font-family: '宋体'; transform: rotate(90deg); font-weight: 600; opacity: .4;}
.jd_infoWindow.circle .info span.mating .item .xx_a.on::after { transform: rotate(-90deg);}

.map_box .tools_t { position: absolute; right: 20px; top: 20px; bottom: 20px; width: 540px; padding-top: 80px; z-index: 3;}
.map_box .tools_t h2.t1 { position: absolute; top: 0; right: 0;pointer-events: none}
.map_box .tools_t .t_box { width: auto;}
.map_box .tools_t .t_box .search_box {width: 540px; height: 52px; padding-right: 100px; background: #fff; border-radius: 26px; box-sizing: border-box; position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
.map_box .tools_t .t_box .search_inp input { height: 52px; padding: 0 20px; background: none; border: none; font-size: 16px;}
.map_box .tools_t .t_box .search_box .searchBtn { position: absolute; right: 3px; top: 3px; bottom: 3px; border-radius: 24px; width: 96px; line-height: 44px; font-size: 18px; font-weight: 600; text-align: center; background: #409EFF; color: #fff; transition: .3s;}
.map_box .tools_t .t_box .search_box .searchBtn:hover { background: #2789ED;}
.map_box .tools_t .t_box .search_box .pop_per { top: 65px;}
.map_box .tools_t .t_box .search_box .pop_per.loading ul { min-height: 80px; background: url(/newimages/loading.gif) no-repeat center; background-size: 20px;}
.map_box .tools_t .t_box .search_box ul li { padding: 6px 20px; text-align: left; height: auto; font-size: 15px; line-height: 20px;}
.map_box .tools_t .t_box .search_box ul li strong { display: block; font-weight: 500;}
.map_box .tools_t .t_box .search_box ul li em { font-size: 13px; color: #999;}
.map_box .tools_t .t_box .tools_tag_box { position: relative; width: 480px; max-height: 800px; overflow-y: auto; margin: 20px auto 0; padding: 20px; font-size: 16px; border-radius: 10px; background: rgba(255, 255, 255, .6); box-shadow: 0 0 10px rgba(10, 50, 100, .4); box-sizing:border-box;}
.map_box .tools_t .t_box .tools_tag_box::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background-image: linear-gradient(#DEF0FE 30%, rgba(0,0,0,0));}
.map_box .tools_t .t_box .tools_tag_box .box { position: relative; z-index: 2;}
.map_box .tools_t .t_box .tools_tag_box .selected { padding-bottom: 15px;}
.map_box .tools_t .t_box .tools_tag_box .selected ul { margin-left: -10px;}
.map_box .tools_t .t_box .tools_tag_box .selected ul li { float: left; width: 50%; padding: 5px 0 0 10px; box-sizing: border-box;}
.map_box .tools_t .t_box .tools_tag_box .selected ul li span { display: block; height: 36px; position: relative; padding: 0 40px 0 15px; line-height: 36px; font-size: 14px; background: #fff; color: #333; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s;}
.map_box .tools_t .t_box .tools_tag_box .selected ul li span .close { display: block; width: 30px; height: 30px; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); background: url(/appsimages/zt_hot_map_tl_5.png) no-repeat center;cursor: pointer;}
.map_box .tools_t .t_box .tools_tag_box .selected ul li span .close:hover { opacity: .8;}
.map_box .tools_t .t_box .tools_tag_box .selected ul li:first-child span { padding-right: 15px;}
.map_box .tools_t .t_box .tools_tag_box .selected ul li:first-child span .close { display: none;}
.map_box .tools_t .t_box .set_box { background: #fff; border-radius: 10px; padding: 10px;box-shadow: 0 0 10px rgba(10, 50, 100, .2);}
.map_box .tools_t .t_box .set_box h5.s2 { position: relative; height: 46px; margin-bottom: 10px; padding-left: 35px; line-height: 46px; background-image: linear-gradient(to right, #E6F2FF, rgba(255,255,255,0)); color: #409EFF; font-size: 22px; font-weight: 600;}
.map_box .tools_t .t_box .set_box h5.s2::before { content: ''; position: absolute; left: 10px; top: 50%; width: 8px; height: 28px; background: #409EFF; transform: translateY(-50%); }
.map_box .tools_t .t_box .set_box .titS1 { margin-left: -10px;}
.map_box .tools_t .t_box .set_box .titS1 a { position: relative; float: left; margin: 0 0 10px 10px; width: calc(50% - 10px); height: 50px; padding: 0 30px 0 65px; line-height: 50px; background: #EBF9FF; color: #333; font-size: 18px; box-sizing: border-box; transition: .3s;}
.map_box .tools_t .t_box .set_box .titS1 a::after { content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background: url(/appsimages/zt_hot_map_tl_6.png) no-repeat; }
.map_box .tools_t .t_box .set_box .titS1 a.s1::after { background-position: 1px 3px;}
.map_box .tools_t .t_box .set_box .titS1 a.s2::after { background-position: 1px -54px;}
.map_box .tools_t .t_box .set_box .titS1 a.s3::after { background-position: 1px -114px;}
.map_box .tools_t .t_box .set_box .titS1 a.s4::after { background-position: 1px -174px;}
.map_box .tools_t .t_box .set_box .titS1 a.s5::after { background-position: 1px -234px;}
.map_box .tools_t .t_box .set_box .titS1 a.s6::after { background-position: 1px -294px;}
.map_box .tools_t .t_box .set_box .titS1 a.s1 { background: #EBF9FF;}
.map_box .tools_t .t_box .set_box .titS1 a.s2 { background: #FFF3E8;}
.map_box .tools_t .t_box .set_box .titS1 a.s3 { background: #DDEFFF;}
.map_box .tools_t .t_box .set_box .titS1 a.s4 { background: #FEEDF9;}
.map_box .tools_t .t_box .set_box .titS1 a.s5 { background: #FFEEEB;}
.map_box .tools_t .t_box .set_box .titS1 a.s6 { background: #E3FBFF;}
.map_box .tools_t .t_box .set_box .titS1 a.s2 i::after,.map_box .tools_t .t_box .set_box .titS1 a.s2 i::before { border-bottom-color: #FABD85;}
.map_box .tools_t .t_box .set_box .titS1 a.s3 i::after,.map_box .tools_t .t_box .set_box .titS1 a.s3 i::before { border-bottom-color: #7BBEFE;}
.map_box .tools_t .t_box .set_box .titS1 a.s4 i::after,.map_box .tools_t .t_box .set_box .titS1 a.s4 i::before { border-bottom-color: #C476AE;}
.map_box .tools_t .t_box .set_box .titS1 a.s5 i::after,.map_box .tools_t .t_box .set_box .titS1 a.s5 i::before { border-bottom-color: #F19787;}
.map_box .tools_t .t_box .set_box .titS1 a.s6 i::after,.map_box .tools_t .t_box .set_box .titS1 a.s6 i::before { border-bottom-color: #80CAD6;}

.map_box .tools_t .t_box .set_box .titS1 a.s2.on { background: #F9A85D;background-image: linear-gradient(145deg, #F9A85D , #ffdcbc);}
.map_box .tools_t .t_box .set_box .titS1 a.s3.on { background: #409EFF;background-image: linear-gradient(145deg, #409EFF , #7EC2FE);}
.map_box .tools_t .t_box .set_box .titS1 a.s4.on { background: #B14E95;background-image: linear-gradient(145deg, #B14E95 , #ffd8f3);}
.map_box .tools_t .t_box .set_box .titS1 a.s5.on { background: #EA7763;background-image: linear-gradient(145deg, #EA7763 , #ffd9d3);}
.map_box .tools_t .t_box .set_box .titS1 a.s6.on { background: #62BBCD;background-image: linear-gradient(145deg, #62BBCD , #beeff8);}
.map_box .tools_t .t_box .set_box .titS1 a i { width: 22px; height: 18px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: .3s;}
.map_box .tools_t .t_box .set_box .titS1 a i::after,.map_box .tools_t .t_box .set_box .titS1 a i::before { content: ''; position: absolute; top: 0; left: 0; width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #5CAAC8;}
.map_box .tools_t .t_box .set_box .titS1 a i::before { transform: scale(.8); opacity: .6; top: 6px;}
.map_box .tools_t .t_box .set_box .titS1 a.on::after{ background-position-x: -65px;}
.map_box .tools_t .t_box .set_box .titS1 a.on { background: #3896BA;background-image: linear-gradient(145deg, #3896BA , #bdecff); color: #fff;}
.map_box .tools_t .t_box .set_box .titS1 a.on i { transform: translateY(-50%) rotate(-180deg); transition: .3s;}
.map_box .tools_t .t_box .set_box .titS1 a.on i::after,.map_box .tools_t .t_box .set_box .titS1 a.on i::before { border-bottom-color: #fff;}

.map_box .tools_t .t_box .map_set { margin-top: 15px;}
.map_box .tools_t .t_box .set_box .switchBox { padding-bottom: 15px;}
.map_box .tools_t .t_box .set_box ul { padding-left: 20px;}
.map_box .tools_t .t_box .set_box ul li { font-size: 16px; cursor: pointer;}
.map_box .tools_t .t_box .set_box ul li a { display: block; padding: 6px 70px 6px 0; position: relative; color: #333; transition: .6s; border-radius: 10px;}
.map_box .tools_t .t_box .set_box ul li a:hover { background: #f6f6f6; background-image: linear-gradient(to right, #e7f0ff 30%, #fff);}
.map_box .tools_t .t_box .set_box ul li a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s;}
.map_box .tools_t .t_box .set_box ul li a:hover span { padding-left: 15px;}
.map_box .tools_t .t_box .set_box ul li .sub a { cursor: default;}
.map_box .tools_t .t_box .set_box ul li .sub a:hover { background: none; background-image: none;}
.map_box .tools_t .t_box .set_box ul li .sub a:hover span { padding-left: 0;}

.map_box .tools_t .t_box .set_box ul li a > em { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); height: 24px; width: 60px; line-height: 24px; color: #409EFF; text-align: center; border: 1px solid #409EFF; border-radius: 12px; background: #fff; font-size: 16px;}
.map_box .tools_t .t_box .set_box ul li a > em::after { content: '选择';}
.map_box .tools_t .t_box .set_box ul li.on a { color: #409EFF;}
.map_box .tools_t .t_box .set_box ul li.on a > em { background: #409EFF; color: #fff;}
.map_box .tools_t .t_box .set_box ul li.on a > em::after { content: '取消';}
.map_box .tools_t .t_box .set_box .radio_group label{ display: block; font-size: 16px; margin-left: 20px; padding: 6px 70px 6px 0; cursor: pointer; transition: .3s; border-radius: 10px;}
.map_box .tools_t .t_box .set_box .radio_group label:hover {padding-left: 15px;background-image: linear-gradient(to right, #e7f0ff 30%, #fff);}
.map_box .tools_t .t_box .set_box .radio_group i::after { display: none;}
.map_box .tools_t .t_box .set_box .radio_group i::before {left: auto; right: 15px;height: 24px; width: 60px; line-height: 24px; color: #409EFF; text-align: center; border: 1px solid #409EFF; border-radius: 12px; font-size: 16px;}
.map_box .tools_t .t_box .set_box .radio_group i::before {content: '选择';}
.map_box .tools_t .t_box .set_box .radio_group input[type='radio']:checked ~ i::before {content: '已选'; background: #409EFF; color: #fff;}

.map_box .tools_t .t_box .set_box .compList { position: relative; padding-bottom: 40px;}
.map_box .tools_t .t_box .set_box .compList .swiper-pagination { bottom: 0;}
.map_box .tools_t .t_box .set_box .compList .swiper-pagination span { width: 90px; height: 32px; border: 1px solid #409eff; color: #409eff; line-height: 32px; background: none !important; opacity: 1;}
.map_box .tools_t .t_box .set_box .compList .swiper-pagination span:nth-child(1):after { content: '上一页';}
.map_box .tools_t .t_box .set_box .compList .swiper-pagination span:nth-child(2):after { content: '下一页';}
.map_box .tools_t .t_box .set_box .compList .swiper-pagination-bullet-active { display: none;}


.map_box .tools_t .t_box .tools_tag_box::-webkit-scrollbar {width: 8px;}
.map_box .tools_t .t_box .tools_tag_box::-webkit-scrollbar-thumb {border-radius: 10px;background:#597FB5;}
.map_box .tools_t .t_box .tools_tag_box::-webkit-scrollbar-track {border-radius: 10px;background: #fff;}




.map_box .tools_t .t_box .tools_tag { position: absolute; top: 0; left: -200px;}

.openRBtn {top: 26%; font-size: 10px; padding: 10px 7px; width: 10px; height: auto; line-height: 14px;font-family: initial;}
.selected .closeBtn {display: none;width: 22px;height: 22px;font-size: 22px;line-height: 20px;background: #45A1FE;color: #fff;text-align: center;border-radius: 50%;position: absolute;right: 0;cursor: pointer;}

.mkInfo_box { min-width: 260px; max-width: 340px; padding-bottom: 15px; font-size: 13px; line-height: 24px; color: #666; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .3); transform: translateY(-40px);}
.mkInfo_box h4 { font-size: 14px; font-weight: 600; color: #222; border-bottom: 1px solid #ddd; padding: 10px; line-height: 18px; margin-bottom: 5px; position: relative; padding-right: 40px;}
.mkInfo_box h4 i { position: absolute; right: 0; width: 40px; height: 100%; top: 0; font-size: 24px;font-weight: 500;line-height: 34px;text-align: center; color: #666; cursor: pointer;}
.mkInfo_box h4 i:hover { color: #000;}
.mkInfo_box p { padding: 3px 10px 0;}
.jd_infoWindow .info { position: relative; padding-bottom: 60px;}
.jd_infoWindow .info .circle_ps { position: absolute; left: 0; right: 0; bottom: -5px; font-size: 14px;display: block;text-align: center;color: #0e407b;font-weight: 500;transform: translateY(10px);width: 470px;height: 86px;line-height: 86px; margin: 0 auto; background: url(/appsimages/zt_hot_map_cps_bg.png) no-repeat center center; }
.map_box .tools_t .t_box .set_box .titS1.h { height: 80px;}
.map_box .tools_t .t_box .set_box .titS1.h a { position: relative; transition: .3s; margin-bottom: 0;}
.map_box .tools_t .t_box .set_box .titS1.h a::before { content: '越接近黄色代表行业密度越大'; position: absolute; bottom: 0; left: 0; right: 0; font-size: 14px; text-align: center; line-height: 30px; color: #fff; opacity: 0; transition: .3s;}
.map_box .tools_t .t_box .set_box .titS1.h a.s2::before { content: '颜色越深代表人口密度越大'; }
.map_box .tools_t .t_box .set_box .titS1.h a.on::before { opacity: 1;}
.map_box .tools_t .t_box .set_box .titS1.h a.on { height: 70px;}
.map_box .tools_t .t_box .set_box .titS1.h a.on i,
.map_box .tools_t .t_box .set_box .titS1.h a.on::after { margin-top: -10px;}

@media screen and (max-width: 1420px){
  .map_box .tools_t, .map_box .tools_t .t_box .search_box {width: 465px;}
  .map_box .tools_t h2.t1 img { height: 56px;}
  .map_box .tools_t .t_box .tools_tag_box {width: 420px; padding: 12px;}
  .map_box .tools_t .t_box .tools_tag_box .selected ul { margin-top: 5px;}
  .map_box .tools_t .t_box .set_box .titS1 a { height: 42px;line-height: 40px; font-size: 16px;}
  .map_box .tools_t .t_box .set_box .titS1 a::after {transform: translateY(-50%) scale(.8);}

  .map_box .tools_t .t_box .set_box .titS1.h { height: 80px;}
  .map_box .tools_t .t_box .set_box .titS1.h a.on i,
  .map_box .tools_t .t_box .set_box .titS1.h a.on::after { margin-top: -15px;}
  .map_box .tools_t .t_box .set_box .titS1.h a::before { font-size: 11px; line-height: 32px;}

}

@media screen and (max-width: 1200px){
  .w1700 { padding: 0 15px;}
  .map_box { height: 800px;}
  .map_box .tools_t .t_box .tools_tag_box { max-height: calc(100% - 60px);margin: 10px auto 0;}
  .warp .tit { padding: 30px;}
  .map_box .tools_t { padding-top: 60px;}
  .map_box .tools_t .t_box { position: absolute;left: 0;top: 60px;bottom: 15px;}
  

}

@media screen and (max-width: 760px){
  .map_box { height: 600px !important}
  .map_box h2.t1 { width: 100%; text-align: center;}
  .map_box h2.t1 img { width: 90%; height: auto; }
  .map_box .tools_t, .map_box .tools_t .t_box .search_box { width: 100%;box-sizing: border-box;}
  .map_box .tools_t { right: 0;padding-top: 50px;}
  .map_box .tools_t .t_box { top: 50px; left: 10px; right: 10px;bottom: 10px;}
  .map_box .tools_t .t_box .tools_tag_box { width: 100%;}
  .map_box .tools_t .t_box .search_box { height: 46px;}
  .map_box .tools_t .t_box .search_box .searchBtn { line-height: 38px;}
  .map_box .tools_t .t_box .search_inp input { height: 46px;}
  .map_box .tools_t .t_box .set_box .radio_group label, .map_box .tools_t .t_box .set_box ul li { font-size: 14px;}
  .map_box .tools_t .t_box .set_box .radio_group i::before, .map_box .tools_t .t_box .set_box ul li a > em { width: 52px; font-size: 14px; height: 22px; line-height: 22px;}
  
  .head_top .head_icon i.head_title { width: 280px;}
  .selected .closeBtn { line-height: 22px;}
  .map_box .tools_t .t_box .set_box .titS1 a {padding: 0 15px 0 40px;}
  .map_box .tools_t .t_box .set_box .titS1 a::after { left: 5px;}
  .jd_infoWindow {transform: scale(.75);}
  .jd_infoWindow.circle {transform: scale(.75) translateY(30px);}
}

/* 20240912 调整 end */
.map_box h2.t1 { position: absolute; right: 20px; top: 20px; z-index: 9991;}
.up_down { display: none;}
@media screen and (max-width: 1200px){
  .map_box h2.t1 { position: absolute; left: 0; right: 0;top: 10px; text-align: center;}
  .map_box .tools_t {width: auto;left: 30px; right: 30px; bottom: 0; padding-top: 0; z-index: 999; transition: .3s;}
  .map_box .tools_t h2.t1 {text-align: center; left: 0; right: 0;}
  .map_box .tools_t .t_box,.map_box .tools_t .t_box .search_box { width: 100%;}
  .map_box .tools_t .t_box .tools_tag_box { width: 100%;}
  .map_box .tools_t .t_box { top: 60px; left: 0; right: 0; bottom: 40px;}
  .up_down { display: block; position: absolute; left: 0; right: 0; bottom: 5px; height: 32px; text-align: center;transform: rotate(-180deg); z-index: 9991;}
  .up_down.on { transform: rotate(0);}
  .up_down img { height: 32px;}
  
  .map_box .t_box { transition: .3s;}
  .map_box .tools_t.on .t_box { top: 0;}
  .selected .closeBtn { display: inline;}
  .map_box .tools_t .t_box.on .search_box {transform: translateY(-95px);}
  .map_box .tools_t.on { top: 100%;}
  /* .map_box .tools_t.on {pointer-events: none} */

  .map_newGuide .item .imageBox .s2{display: inline-block;}
  .map_newGuide .item .imageBox .s1{display: none;}
  .map_newGuide .btns a{font-size: 30px;}
  .map_newGuide .btns a.closeBtn{padding: 0 42px;}
  .map_newGuide .btns a.prev{padding: 0 20px;}
  .map_newGuide .btns a.next{padding: 0 20px;}
  .map_newGuide .item1 .btns{right: 150px; top: 491px; width: 463px; height: 66px;}
  .map_newGuide .item2 .btns{right: 96px; top: 316px; width: 556px; height: 66px;}
  .map_newGuide .item3 .btns{right: 96px; top: 455px; width: 556px; height: 66px;}
  .map_newGuide .item4 .btns{right: 96px; top: 571px; width: 556px; height: 66px;}
  .map_newGuide .item5 .btns{right: 96px; top: 804px; width: 556px; height: 66px;}
  .map_newGuide .item6 .btns{right: 96px; top: 703px; width: 556px; height: 66px;}
  .map_newGuide .item7 .btns{right: 96px; top: 225px; width: 556px; height: 66px;}

}
@media screen and (max-width: 760px){
  .map_box .tools_t { left: 10px; right: 10px;}
  .map_box .tools_t .t_box { top: 40px;}
  .map_box .tools_t .t_box.on .search_box {transform: translateY(-90px);}
}