.menu-bar li:nth-of-type(2) span{ background: url("../img/line.png") 0 40px no-repeat; background-size: 100% 15px; } /*******************************************************侧栏*/ body{ background: #000; } .model-left{ width:390px; height: calc(100% - 150px); position: absolute; top:80px; left: 28px; border-top-left-radius:8px ; border-top-right-radius:8px ; overflow: hidden; box-sizing: border-box; } .ser_tab{ height: 40px; line-height: 40px; font-size: 16px; color:#fff; background: rgba(30,43,103,.5); border:1px solid #00286a; border-radius:8px; cursor: pointer; } .ser_tab div{ float: left; height: 39px; /*border-right:1px solid #1c83f6;*/ padding: 0 18px; } .park-heattit{ border-right: 1px solid #093b8d; border-left: 1px solid #093b8d; } .query-icon{ margin-top: 10px; float: left; width: 20px; height: 20px; background-image: url("../img/modelleft_icon.png"); background-size: 79px 39px; background-position-x: 0px; background-position-y: 0px; } .heattit-icon{ margin-top: 11px; float: left; width: 20px; height: 20px; background-image: url("../img/modelleft_icon.png"); background-size: 79px 39px; background-position: -30px; background-position-y: 0px; } .areatit-icon{ margin-top: 11px; margin-right: 4px; float: left; width: 20px; height: 20px; background-image: url("../img/modelleft_icon.png"); background-size: 79px 39px; background-position-x: 20px; background-position-y: 0px; } .con{ display: none; } .park-active{ color: #fff; background: rgb(30,43,103); } .tab-active{ background-position-y: 19px; } .hidden{ display: none; } .parkquery-cont{ margin-top: 8px; height: 62px; /*box-sizing: content-box;*/ padding: 12px 8px; background: rgba(30,43,103,.5); border: 1px solid #00286a; } /*******************************************************侧栏*/ .search_con{ height: 36px; box-sizing: content-box; padding: 12px 8px; background: rgba(30,43,103,.5); border-left: 1px solid #00286a; border-right: 1px solid #00286a; } .ser_text{ border:0; background: #1e2b67; padding-left: 15px; width: 248px; height: 36px; line-height: 36px; border-radius: 25px; padding-right: 50px; color: #fff; } .ser_btn{ cursor: pointer; color:#fff; position: absolute; right: 0; top:0; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #1c83f6; border-radius: 50%; } .serbtn-icon{ display: inline-block; background-image: url("../img/modelleft_icon.png"); background-size: 79px 39px; background-position: 0 0; width: 20px; height: 20px; margin-top: 9px; margin-left: 7px; } .guide_con{ background: rgba(30,43,103,.5); border-left: 1px solid #00286a; border-right: 1px solid #00286a; margin-bottom: 0; padding: 0 8px 8px 8px; overflow: hidden; } .margin04{ margin:0 4px; } .guide_con li{ background: rgba(30,43,103,.7); width:121px; float: left; height: 138px; text-align: center; padding: 20px 20px; } .guide_number{ margin-bottom: 10px; width: 72px; height: 72px; display: inline-block; line-height: 72px; text-align: center; font-size: 32px; color: #fff; font-weight: 100; } .guide_number_one{ background: url("../img/guide_number_one.png") no-repeat; } .guide_number_two{ background: url("../img/guide_number_two.png") no-repeat; } .guide_number_three{ background: url("../img/guide_number_three.png") no-repeat; } .guide_name{ font-size: 16px; color: #fff; } .list_wrap{ overflow-y: scroll; background: rgba(30,43,103,.5); border: 1px solid #00286a; width: 390px; margin-left: -9px; margin-top: 8px; /*display: none;*/ } .list_con{ margin-bottom: 0; padding: 8px 8px 0; } .list_con >li{ background: rgba(30,43,103,.7); margin-bottom: 4px; overflow: hidden; cursor: pointer; } .list_con >li:first-child{ margin-top: 10px; } .list_item_ul{ color: #fff; width: 372px; } .list_item_ul li{ padding-top: 10px; } .list_item_ul li .space_span{ display: inline-block; width:25px; text-align: right; } .list_item_ul li:last-child{ padding-bottom: 10px; } .list_item_img{ height: 126px; width: 130px; padding: 4px 0; } .list_item_img img{ width: 100%; height: 100%; background: #f00; } .page_main_wrap{ position: relative; margin-top: 32px; margin-bottom: 12px; } .guide_total{ position: absolute; text-align: center; font-size: 14px; color: #fff; top: 25px; left: 8px; } .guide_total_number{ font-size: 18px; margin-left: 12px; } .nodataInfo{ padding: 0 8px; color: #fff; } input::-webkit-input-placeholder{ color:rgba(255,255,255,.5); } input:-moz-placeholder{ color:rgba(255,255,255,.5); } input::-moz-placeholder{ color:rgba(255,255,255,.5); } input:-ms-input-placeholder{ color:rgba(255,255,255,.5); } .guide_con,.list_wrap{ display: none; } /*select样式重写*/ .sel-box{ font-size: 14px; color:#fff; width: 100%; overflow: hidden; border-radius: 25px; } .sel-box.on{ /*border-color: #15A0F5;*/ } .sel-title-box{ height: 36px; line-height: 36px; position: relative; cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color:#1e2b67; } .sel-title{ padding-left: 12px; /*line-height: 2.2;*/ } .sel-sign{ position: absolute; display: inline-block; right: 10px; top: 17px; width: 0; height: 0; border-top: 3px solid #fff; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:3px solid transparent; } /*.sel-sign.on{ background: url(down22.png); background-size: 100% 100%; }*/ .sel-float-box{ margin-top: 4px; position: absolute; z-index: 2; background-color:#293c90; border-radius: 4px; overflow: hidden; padding: 0 12px; /*line-height: 1.8;*/ } .sel-float-box:after{ content: ''; width: 0; height: 0; position: absolute; top:-6px; left:20px; z-index: 10; border-top: 3px solid #f00; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:3px solid transparent; } .sel-float-box.on{ /*border-color: #15A0F5;*/ } .sel-float-div{ font-size: 14px; color: #fff; height: 32px; line-height: 32px; /*margin-left: 12px;*/ /*margin-right: 12px;*/ cursor: default; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid rgba(189,215,254,.1); } .sel-float-div:last-child{ border-bottom: 0; } .sel-float-div:hover{ /*background-color:#15A0F5;*/ /*color:white;*/ cursor: pointer; } .sel-float-div-disabled{ padding-left: 12px; /*line-height: 1.8;*/ color:#bbb; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sel-hide{ display: none; } /*分页样式*/ .callBackPager{ /*border-top: 1px solid #1c83f6;*/ margin-right: 8px; margin-left: 8px; } .callBackPager .pagination{ float: right; } /*停车场详情 sta */ .detail-cont{ width: 390px; height: auto; padding: 12px; background: rgba(30,43,103,.5); border: 1px solid #00286a; margin-top: 8px; margin-left: -9px; display: none; } .park-query{ border-radius: 8px 0 0 8px; } .detail-main{ width:366px; height: auto; background: rgba(30,43,103,.7); padding: 12px 12px 4px; margin-bottom: 12px; } .datail-common{ height: 24px; line-height: 24px; width: 100%; margin-bottom: 8px; } .park-cont{ display: inline-block; float: left; width: 70px; height: 24px; line-height: 24px; font-size: 16px; color: #fff; } .cont-callback{ display: block; float: right; width: 60px; text-indent:20px; height: 24px; line-height: 24px; border-radius: 20px; color: #fff; cursor: pointer; background: url("../img/return_icon.png") 8px no-repeat; /*background-position: 2px no-repeat;*/ background-color: #1c3b7f; background-size: 7px 13px; } .park-tit{ width: 195px; } .cont-style{ display: inline-block; line-height: 24px; font-size: 14px; margin-left: 12px; color: #fff; /*color: rgba(189,215,254,.6);*/ } .park-attr{ display: inline-block; height: 24px; font-size: 14px; margin-left: 12px; color:#fff; /*color: rgba(189,215,254,.6);*/ width: 80px; padding-top: 5px; } /*商业综合体*/ .attr-1{ background: url("../img/business_icon.png") 0 no-repeat; background-size: 49px 14px; } /*医院*/ .attr-2{ background: url("../img/hospital_icon.png") 0 no-repeat; background-size: 49px 14px; } /*小区*/ .attr-3{ background: url("../img/etate_icon.png") 0 no-repeat; background-size: 48px 14px; } /*学校*/ .attr-4{ background: url("../img/school_icon.png") 0 no-repeat; background-size: 49px 14px; } /*写字楼*/ .attr-5{ background: url("../img/office_icon.png") 0 no-repeat; background-size: 63px 15px; } /*景区*/ .attr-6{ background: url("../img/buf_icon.png") 0 no-repeat; background-size: 48px 15px; } /*交通场站*/ .attr-7{ background: url("../img/itspark_icon.png") 0 no-repeat; background-size: 77px 14px; } /*其他*/ .attr-8{ background: url("../img/other_icon.png") 0 no-repeat; background-size: 49px 15px; } .scale-tit{ height: 30px; line-height: 30px; width: 86px; text-align: center; font-size: 16px; color: #fff; background: rgba(30,43,103,.7); } .scale-cont .scale-tr td{ border: 1px solid rgba(30,43,103,.9); padding-left: 10px; background: rgba(30,43,103,.5); font-size: 14px; } .scale-tr{ height: 40px; line-height: 40px; width:366px; color: #fff; /*color: rgba(189,215,254,.6);*/ } .scale-tr:first-child{ color:#fff; } .scale-cont .scale-tr td:first-child{ width: 86px; } .scale-cont .scale-tr td:nth-child(2){ width: 140px; } .scale-cont .scale-tr td:last-child{ width: 140px; } /*a标签默认样式去除*/ a{ color: #fff; text-decoration:none; } a:link,a:visited,a:hover,a:active{ color: #fff; text-decoration:none; } /*******************************************************右下角图例*/ .freespace{ position: absolute; height: 144px; width: 136px; bottom: 75px; right: 50px; color: #fff; border: 1px solid #00286a; border-radius: 8px 8px 0 0; } .freespace .freespace-tit{ width: 136px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; background-color: #1e2b67; border-radius: 8px 8px 0 0; } .freespace .freespace-content{ height: 112px; width: 136px; background-color:rgba(30,43,103,0.5); font-size: 12px; padding: 12px; } .freespace .freespace-content .freespace-msg{ height: 30px; line-height: 30px; } .freespace-msg .msg-common{ width: 6px; height: 6px; display: inline-block; margin-top: 12px; margin-right: 6px; } .freespace-msg .msg-bgfull{ background: url("../img/space_full.png") no-repeat; background-size:100% 100%; } .freespace-msg .msg-bgfew{ background: url("../img/space_few.png") no-repeat; background-size:100% 100%; } .freespace-msg .msg-bgeough{ background: url("../img/space_eough.png") no-repeat; background-size:100% 100%; } /* 地图 sta */ #allmap { height: 100%; width: 100%; } /*地图放大缩小*/ .BMap_stdMpZoom .BMap_button { width: 22px; height: 21px; overflow: hidden; background-image: url("../img/mapctrls2d0.png") !important; background-repeat: no-repeat; z-index: 10; } /*地图停车场弹窗*/ .parkpop-content{ width: 220px; height: 170px; padding: 8px; background: rgba(30,43,103,.5); border: 1px solid #07337b; z-index: 1; font-family: "Microsoft YaHei" !important; } .parkpop-main{ width: 202px; height: 152px; background: rgba(35,53,133,1); } .parkpop-main .rightt-icon{ float: right; height:24px; width:24px; background: url("../img/righttop_p.png") no-repeat; background-size: 100% 100%; } .pop-freecontnum{ margin-top: 32px; margin-left: 19px; width: 164px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; } .pop-freecontall{ margin-top: 12px; margin-left: 19px; width: 164px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; } .pop-freecontnum .free-titfree{ float: left; width:94px; text-align: center; background: -webkit-linear-gradient(#0c6a3f,#4fd39c); background: -o-linear-gradient(#0c6a3f,#4fd39c); background: -moz-linear-gradient(#0c6a3f,#4fd39c); background: linear-gradient(#0c6a3f,#4fd39c); } .free-num,.free-allnum{ float: left; width: 70px; height: 32px; line-height: 32px; background: #202020; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .pop-freecontall .free-titall{ float: left; width:94px; text-align: center; background: -webkit-linear-gradient(#233585,#20a2fa); background: -o-linear-gradient(#233585,#20a2fa); background: -moz-linear-gradient(#233585,#20a2fa); background: linear-gradient(#233585,#20a2fa); } .pop-freebot{ height: 44px; line-height: 44px; width: 202px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px; color: #fff; text-align: center; font-family: "Microsoft YaHei" !important; }