pfhwyigou/frontend/web/overseas/map/css/map.css

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 ;
    }