body{ min-width: 1340px !important; } /*top 5个卡片*/ .common-display-bfb { width: 100%; height: 147px; } .common-display-bfb-li { float: left; width: 20%; /* height: 165px; */ } .general-ul-wrap li{ border-right: 1px solid #E8E8E8; /* box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1);*/ } .general-ul-wrap li:last-child{ border-right:none; /*box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;*/ } .general-li-top{ padding:20px 25px; } .general-ul-wrap li:nth-of-type(1) .general-li-top{ background-color:#F1F9FC; } .li-left-1,.li-left-2,.li-left-3,.li-left-4,.li-left-5{ width: 58px; height: 56px; } .general-li-top div img{ width: 58px; height: 56px; } .general-ul-wrap li:nth-of-type(2) .general-li-top{ background-color:#FFF1DB; } .general-ul-wrap li:nth-of-type(3) .general-li-top{ background-color:#F1F9FC; } .general-li-top .float-right{ min-width: 90px; max-width: 95px; } .general-ul-wrap li:nth-of-type(4) .general-li-top{ background-color:#F3FBF5; } .general-ul-wrap li:nth-of-type(5) .general-li-top{ background-color:#F1F9FC; } .general-li-bottom{ padding:13px 15px; /*height: 60px;*/ } /*支付方式占比 sta*/ .generaloperation-zfzb-title em{ background-image: url(img/general-zffs-icon.png); } .zfzb-echarts{ height: 350px; width: 100%; } /*实时统计 sta*/ .generaloperation-sstj-title em{ background-image: url(img/general-sstj-icon.png); } .tjqst-wrap{ padding-top: 18px; height: 350px; } .tab-btn-wrap li{ float: left; padding: 0 15px; height:32px; line-height: 32px; cursor: pointer; background:rgba(255,255,255,1); text-align: center; } .tab-btn-wrap li:nth-of-type(1){ border-left:1px solid #D9D9D9; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-radius: 4px 0 0 4px !important; } .tab-btn-wrap li:nth-of-type(2){ border-right:1px solid #D9D9D9; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; /*border-radius: 0 4px 4px 0 !important;*/ } .tab-btn-wrap li:nth-of-type(3){ border-right:1px solid #D9D9D9; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-radius: 0 4px 4px 0 !important; } .tab-btn-wrap li.tabAction{ border: 1px solid #1E95CD; color: #1E95CD; } .tjqst-echarts{ padding-top: 20px; height: 295px; } /*----------------------------------------------------------设备监控*/ .generaloperation-device-monitor em{ background-image:url("../../img/monitor-icon.png") ; background-position:0 0 ; } .generaloperation-device-monitor-header{ margin-top: 20px; height: 80px; background-color: rgba(237,247,251,1); } .generaloperation-device-monitor-name{ width:104px ; height: 80px; color:rgba(255,255,255,0.85); font-size: 14px; text-align: center; padding-top: 52px; } .generaloperation-device-monitor-geo{ background: #A5DFF3 url("../../img/device-monitor-geo.png") no-repeat center 12px; } .generaloperation-device-monitor-pda{ background: #A5DFF3 url("../../img/generaloperation-device-monitor-pda.png") no-repeat center 12px; } .generaloperation-device-monitor-gateway{ background: #A5DFF3 url("../../img/generaloperation-device-monitor-gateway.png") no-repeat center 12px; } .generaloperation-device-monitor-name:before{ content: ''; position: absolute; right: 0; top:0; border-right:8px solid rgba(237,247,251,1); border-top:8px solid rgba(237,247,251,1); border-left: 8px solid transparent; border-bottom: 8px solid transparent; } .generaloperation-device-monitor-name:after{ content: ''; position: absolute; right: 0; bottom:0; border-right:8px solid rgba(237,247,251,1); border-bottom:8px solid rgba(237,247,251,1); border-left: 8px solid transparent; border-top: 8px solid transparent; } .generaloperation-device-monitor-number{ top: 17px; left: 130px; } .park-detail-wrap { font-size: 12px; height: 140px; padding: 15px 15px; } .pay-way-ul li { overflow: hidden; height: 37px; line-height: 37px; } .pay-way-ul li div:nth-of-type(1) { width: 42px; margin-right: 5px; } .pay-way-wrap { width: calc(100% - 50px); height: 10px; background-color: #edf7fb; border-radius: 5px!important; vertical-align: middle; overflow: hidden; margin-top: 13px; } .pay-way-ul li:nth-of-type(1) .pay-way-scale { background-color: #5fe98f; } .pay-way-ul li:nth-of-type(2) .pay-way-scale { background-color: #D6E0DC; } .pay-way-ul li:nth-of-type(3) .pay-way-scale { background-color: #FE9955; } .pay-way-ul li div:nth-of-type(1) { width: 42px; margin-right: 5px; } .pay-way-scale { height: 10px; left: 0; top: 0; border-radius: 5px!important; } .genfixwid{ max-width: 115px; } .genfixwidsmall{ max-width: 110px; } .general-li-bottom-num{ width: calc(100% - 55px); width: -webkit-calc(100% - 55px); width: -moz-calc(100% - 55px); text-align: right; }