body{background:#fff;} .y_maptop_main{background: #fff; } .y_maptop{ width: 90%; margin: 0 auto; padding: 15px 0;} .y_maptop_left{ float: left; width: 590px;position:relative;} .y_maptop_left .y_maptop_scr{ float: left; width: 485px; height: 40px; border: 1px solid #e1e1e1; display: block; font-size: 15px; color: #666; padding:0 40px 0 20px;border-radius:40px;} .y_maptop_left .y_maptop_sub{position:absolute;right:30px; width: 105px; height: 40px; display: block; border: none; background: url('../image/ico_map7.png') #ff5849 no-repeat center;border-radius:40px;} .y_maptop_right{ float: left;} .y_maptop_right .y_maptop_sel{border:1px solid #D9D9D9;margin-right: 20px;float: left; width: 125px; position: relative; text-align: center; height: 40px;} .y_maptop_right .y_maptop_sel p.y_city{ margin-top: 10px;} .y_maptop_right .y_maptop_sel p.y_city span{display:inline-block; font-size: 15px; color: #333;} .y_maptop_right .y_maptop_sel p.y_city i{display:inline-block; width: 11px; height: auto; margin-left: 10px; position: relative; top: 5px;} .y_maptop_right .y_maptop_sel p.y_city i img{ width: 100%; height: 100%;} .y_maptop_right .y_maptop_sel:nth-child(2) .y_qysf{width: 125px;max-height:270px;overflow:auto;} .y_maptop_right .y_maptop_sel:nth-child(3) .y_qysf{width: 125px;max-height:270px;overflow:auto;} .y_maptop_right .y_maptop_sel:nth-child(3) p.y_leixing{padding: 0 30px;} .y_maptop_right .y_maptop_sel:nth-child(4) .y_qysf{width: 125px;max-height:270px;overflow:auto;} /*修改滚动条样式*/ /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .y_maptop_sel .y_qysf::-webkit-scrollbar { width: 3px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ .y_maptop_sel .y_qysf::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /* border-radius: 10px;*/ /*滚动条的背景区域的圆角*/ background-color: rgba(138, 138, 138, 0);/*滚动条的背景颜色*/ } /*定义滑块 内阴影+圆角*/ .y_maptop_sel .y_qysf::-webkit-scrollbar-thumb { border-radius: 10px; /*滚动条的圆角*/ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #8a8a8a; /*滚动条的背景颜色*/ } .y_maptop_sel .y_qysf{box-shadow:0px 5px 20px 0px rgba(74, 74, 74, 0.18); display: none; position: absolute; left: 0px; top: 40px; background: #FFF; width: 328px; height: auto; z-index: 5;padding: 10px 0;} .y_maptop_sel .y_qysf p.y_left{float: left; border-right: 1px solid #e1e1e1;} .y_maptop_sel .y_qysf p.y_left a{ display: block; font-size: 14px; color: #666; line-height: 25px; margin: 10px; padding: 0 8px;} .y_maptop_sel .y_qysf p.y_right{float: left; width: 200px; text-align: left; padding: 10px 10px;} .y_maptop_sel .y_qysf p.y_right a{ display:inline-block; font-size: 14px; color: #666; line-height: 25px; padding: 0px 10px;margin: 2px 0;} .y_maptop_sel .y_qysf p.y_right a:hover{ color: #f00;} .y_maptop_sel .y_qysf i{ position: absolute; left: 40px; top: -9px; width:0px; height:0px; border-top:0px solid rgba(0,0,0,0); border-right:10px solid rgba(0,0,0,0); border-bottom:10px solid #f7f7f8; border-left:10px solid rgba(0,0,0,0); } .y_maptop_sel p.y_leixing{ text-align: left;padding:0 10px;} .y_maptop_sel p.y_leixing a{ font-size: 14px; color: #666;line-height:32px;white-space:nowrap;margin:0 8px} .y_maptop_sel p.y_leixing a + a {} .y_maptop_sel p.y_leixing a:hover{ color: #f00;} .y_mapcond{ background: #2c3e50; width: 100%; padding: 15px 0;} .y_mapcond_main{ width: 90%; margin: 0 auto;} .y_mapcond_main .y_mapcond_left{ float: left;} .y_mapcond_main .y_mapcond_left a{ font-size: 14px; color: #fff; display: block;} .y_mapcond_main .y_mapcond_left a i{display: inline-block; margin-right: 5px;width: 15px; height: 16px;} .y_mapcond_main .y_mapcond_left a i img{width: 15px; height: 16px;} .y_mapcond_main .y_mapcond_right{ height: 18px; float: left; margin-left: 35px;} .y_mapcond_main .y_mapcond_right span{ padding:0 10px; font-size:14px; color: #fff;} .y_mapcond_main .y_mapcond_right span a{ width: 15px; height: 16px; position: relative; top: 2px; margin-left: 8px;} .y_mapcond_main .y_mapcond_right span a img{ width: 15px; height: 16px; } .y_mapcenter{ position: relative; width: 100%; height: 790px; overflow: hidden;} .y_mapcenter .y_mapcenter_left{ float: left; width: 450px; background: #f5f7fa; padding: 10px 0px 0px 20px; z-index: 5; height: 100%;} .y_mapcenter .y_mapcenter_left .y_mapcenter_he{ padding: 10px 20px;} .y_mapcenter .y_mapcenter_left .y_mapcenter_he span{ display: block; float: left; font-size: 14px; color: #556982;} .y_mapcenter .y_mapcenter_left .y_mapcenter_he span em{ color: #f00;} .y_mapcenter .y_mapcenter_left .y_mapcenter_he p{ display: block; float: right;} .y_mapcenter .y_mapcenter_left .y_mapcenter_he p a{ font-size: 14px; color: #556982; display: inline-block;} .y_mapcenter .y_mapcenter_left .y_mapcenter_he p a+a{ margin-left: 10px;} .y_mapcenter_list{ height: 670px; overflow: auto;background:#fff;} .y_mapcenter_list ul li{ background: #fff; padding: 10px; margin:10px 0; margin-right: 15px;} .y_mapcenter_list ul li .y_tu{ width:125px; height: 115px; float: left;} .y_mapcenter_list ul li .y_tu img{ width:100%; height: 100%; } /*数据加载样式*/ .y_mapcenter_list ul li#loading {text-align:center;font-size:16px;line-height:34px;height:52px;padding-top:70%;} .y_mapcenter_list ul li#loading img {display:inline-block;position:relative;right:10px;} .y_mapcenter_list ul li .y_textmain{ float: right; width: 235px;} .y_mapcenter_list ul li .y_textmain .y_text a{display: block; float: left; font-size: 16px; color: #333;} .y_mapcenter_list ul li .y_textmain .y_text span{ font-size: 14px; color: #666; display: block; float: right;} .y_mapcenter_list ul li .y_textmain .y_text span em{ font-size: 20px; color: #f00;} .y_mapcenter_list ul li .y_textmain .y_qixian{ font-size: 12px; color: #666666; margin-top: 5px;} .y_mapcenter_list ul li .y_textmain .y_hx{ font-size: 14px; color: #666666; margin-top: 8px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .y_mapcenter_list ul li .y_textmain .y_tese{ margin-top: 10px;} .y_mapcenter_list ul li .y_textmain .y_tese i{display: block; float: left; font-size: 14px; padding: 5px 8px;} .y_mapcenter_list ul li .y_textmain .y_tese i+i{ margin-left: 5px;} .y_mapcenter_list ul li .y_textmain .y_tese i:nth-child(1){background: #ebf3fe; color: #638ec9;} .y_mapcenter_list ul li .y_textmain .y_tese i:nth-child(2){background: #f8eae6; color: #e3957e;} .y_mapcenter_list ul li .y_textmain .y_tese i:nth-child(3){background: #e2f8e1; color: #75ab78;} .y_mapcenter_list::-webkit-scrollbar {/*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .y_mapcenter_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #a4a4a4; } .y_mapcenter_list::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px #f5f7fa; border-radius: 10px; background: #f5f7fa; } .y_mapcenter_main{ width: 1000px; height: 100%; float: left;} #allmap{ width: 100%; height: 100%;overflow: hidden;} .y_footmzsm,.y_footer{ display: none;} /*地图标题*/ .anchorBL{ display:none; } .BMap_bubble_title{ color:black; font-size:13px; font-weight: bold; text-align:left; } .BMap_pop div:nth-child(1){ border-radius:5px 0 0 0; } .BMap_pop div:nth-child(3){ border-radius:0 5px 0 0;background:#ABABAB;; /*background: #ABABAB;*/ width:23px; width:0px;height:0px; } .BMap_pop div:nth-child(3) div{ border-radius:5px; } .BMap_pop div:nth-child(5){ border-radius:0 0 0 5px; } .BMap_pop div:nth-child(5) div{ border-radius:5px; } .BMap_pop div:nth-child(7){ border-radius:0 0 7px 0 ; } .BMap_pop div:nth-child div(7){ border-radius:5px ; }