/* 围栏管理 */
ul.fenceMenu{border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;}
ul.fenceMenu li{display:inline-block;margin-right:20px;}
ul.fenceMenu li:last-child{margin-left:20px;}
ul.fenceMenu li:first-child:after{content:'';background: #f0f0f0;height: 10px;width: 1px;position: absolute;right: -20px;top: 19px;}
ul.fenceMenu li a{display:block;font-size:14px;line-height:45px;color:#666;font-weight: bold;}
ul.fenceMenu li.active{border-bottom:3px solid #108ee8;color:#108ee8;}
ul.fenceMenu li.active a{color:#108ee8;}

/* 新增围栏 */
.stepMenu{padding:30px;border-bottom: 1px solid #dddee1;}
.stepMenu .ivu-steps{width:800px;margin: 0 auto;}
.addFenceWap{padding:20px;}
.addFenceWap .drawMap{border: 1px solid #dddee1;}
.addFenceWap .drawMap #map{height:550px;}
.addFenceWap .zoneName{width:680px;margin: 0 auto;}
.addFenceWap .zoneName>div{margin:20px 0;line-height:30px;}
.addFenceWap .zoneName .tit{text-align:right;padding-right:10px}
.addFenceWap .bound{padding:0px 0 60px 0;}
.addFenceWap .bound p{line-height:60px}
.stepBtn{padding:30px;text-align: center;border-top: 1px solid #efefef;}
.stepBtn button{margin:0 5px;}
.borderShow{border-top: 1px solid #dddee1;}
.choseBus .inrow .ivu-input{border:1px solid #ccc;}
/* 围栏基本情况 */
.basicInfo{line-height: 32px;}
.basicInfo label{color:#666;}

/*新增路线*/
.addRouteWap .drawMap #map{height:630px;}
.addRouteWap{padding:20px;}
.addRouteWap .drawMap{border: 1px solid #dddee1;}
.addRouteWap .zoneName{padding:80px 0;width:540px;margin: 0 auto;}
.addRouteWap .zoneName>div{margin:20px 0;line-height:30px;}
.addRouteWap .zoneName .tit{text-align:right;padding-right:10px}
.addRouteWap .bound{padding:0px 0 60px 0;}
.addRouteWap .bound p{line-height:60px}
/* 告警中心 */
.alarmCenter .ivu-tabs-bar{border-bottom:1px solid #F5F5F5;}
.alarmDetails{
  height: calc(100% - 40px);
  padding: 0px 0 0 0;
  border-radius: 4px;
  margin: 20px 10px;
}
/*warn-center*/
#container .ivu-tabs-bar{margin:0;}
#container .ivu-tabs-nav .ivu-tabs-tab-active{color:#49a9ee;}
#container .ivu-tabs-tab{font-size:16px;font-weight:600;color:#ccc;width:auto;line-height:24px;}
#container .ivu-tabs-ink-bar{background:#49a9ee;}
#container .ivu-table th{font-size:12px;height:40px;}
#container .ivu-table td{font-size:12px;color:#333;height:36px;}
#container .ivu-table-cell{padding:0;}
#container .ivu-table-fixed::before{height:0;}
/*#container .center .search-condition{padding:20px 0;overflow:hidden;}*/
/*#container .center ._table{width:100%;}
#container .center ._table-page{padding:10px 0;text-align:right;overflow:hidden;}*/
/* 排名统计 */
ul.menuTab{border-bottom: 1px solid #e8e8e8;}
ul.menuTab li{display:inline-block;margin-right:24px;}
ul.menuTab li:not(:first-child){margin-left:24px;}
ul.menuTab li a{display:block;font-size:16px;line-height:56px;color:#999;}
ul.menuTab li.active{border-bottom:2px solid #108ee8;color:#108ee8;}
ul.menuTab li.active a{color:#108ee8;}
/*报警证据查询*/
.content .noDataIcon .ivu-table-tip td{background: url(../images/noData.png) center center no-repeat;}
.alarmEvidenceSearch .alarmEvidenceSearchCell{
  /*width: 33%;*/
  /*height: 210px;*/
  margin: 0.6%;
  border: 1px solid #ff9900;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.alarmEvidenceSearch .alarmEvidenceSearchCell .showData{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ff9900;
  width: 120px;
  transform: rotate(-45deg) translate(-40px,-5px);
  text-align: center;
}

/* 暂无数据 */
.temporarilyNoData{background: url(../images/temporarilyNoData.png) center 210px no-repeat;padding-top: 400px; text-align: center;color:#666;}
/* 没有符合当前搜索条件的数据 */
.noDataIsAvailable{background: url(../images/noDataIsAvailable.png) center 210px no-repeat;padding-top: 400px; text-align: center;color:#666;}

/*回放筛选*/
.calendarWrap{margin:20px 15px;}
.calendarWrap .calendar{width:33.333%;box-sizing:border-box;padding:0 5px 10px 5px;height: 414px;}
.calendarWrap .calendar>div{background:#fff;padding: 0 20px 20px 20px;border-radius:4px;}
.calendarWrap .calendar .calendar_title{text-align:center;line-height:50px;border-bottom:1px solid #e8e8e8;color:#666;font-size:14px;}
.calendarWrap .calendar .calendar_title>span{color:#108ee8;}
.calendarWrap .calendar .sign_cal{line-height:45px;color:#333;}
.calendarWrap .calendar .sign_row>div{display:inline-block;width:14.285714%;text-align: center;}
.calendarWrap .calendar .sign_row .calendar_record{border: 1px solid #fff;}
.calendarWrap .calendar .sign_row .calendar_record:hover{border: 1px solid #ffbf00;border-radius: 4px;}
.calendarWrap .calendar .sign_row .otherMonth{color:#ccc;}
.calendarWrap .calendar .sign_row .camera{vertical-align:bottom;color:#ffbf00;font-size:20px;}
/*视频回放*/
.vjs-error-display{display:none;}
.videoNumBtn{right:12px;top:0;line-height:40px;}
.videoWrap{width:64%;height:578px;box-sizing:border-box;padding:10px 5px 5px 10px;}
.videoWrap .videoList{height:100%;}
.videoWrap .videoList li{box-sizing:border-box;/**padding:0 8px 8px 0;**/padding:0 0px 5px 5px;}
.videoWrap .videoPlayWarp{width: 100%;height:100%;}
.videoWrap .videoPlayWarp .videoPlayBtn .videoBtn{background: #000;border-color: #000;}
.videoWrap .videoPlayWarp .videoPlayBtn .ivu-poptip-popper{min-width:75px;}
.videoWrap .videoPlayWarp .videoPlayBtn .ivu-poptip:hover .videoBtn{background: #108ee8;border-color: #108ee8;}
.videoWrap .videoPlayWarp .videoPlayBtn .ivu-poptip-body{padding:5px;max-height:75px;}
.videoWrap .videoPlayWarp .videoPlayBtn .ivu-poptip-body-content li{padding:2px 0;cursor:pointer;}
.videoWrap .videoPlayWarp .videoPlayBtn .ivu-poptip-body-content li:hover{color: #108ee8;}
.videoWrap .videoPlayContent{height: 100%;background: #333333;color:#fff;}
.videoWrap .videoPlayControl{bottom: 0;position: absolute;background: rgb(0,0,0,.5);width:100%;z-index:8;}
.videoWrap .videoPlayControl .ivu-slider-wrap{margin:0;}
.videoWrap .videoPlayControl a{display:inline-block;/* width:40px;height:40px; */text-align: center;line-height: 40px;color: #fff;font-size: 20px;padding: 0 11px;}
.videoWrap .videoPlayControl .sliderVolume{display: inline-block;width: 50px;padding-left: 10px;}
.videoWrap .videoPlayControl .sliderVolume .ivu-slider-wrap{margin: 4px 0;}
.videoWrap .videoPlayControl .sliderVolume .ivu-slider-button-wrap{top: -10px;}

.mapWrap{width:36%;height:578px;box-sizing:border-box;padding:8px;}
.mapWrap .wayBookControl{box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);position: absolute;bottom: 20px;right:20px;background: #fff;width: 400px;height: 50px;border-radius: 5px;padding: 0 20px;}
.mapWrap .playProgress{display: inline-block;width: 200px;margin: 0 13px;}
.mapWrap .playProgress .ivu-slider-wrap{ margin: 0px;}
/*@media screen and (max-width: 1366px) {*/
    /*.videoWrap,.mapWrap{height:389px;}*/
/*}*/
#progress ul.timeline{border-bottom: 1px solid #f0f0f0;}
#progress ul.timeline li{display: inline-block;width:7.69230769%;float:left;text-align:center;position: relative;}
#progress ul.timeline li:after{content: '';display: block;border: 1px solid #f0f0f0;position: absolute;left: 50%;bottom: 0;}
#progress .videoDetails{line-height: 30px;}
#progress .videoDetails .videoList{border-bottom: 1px dashed #f0f0f0;padding-top: 14px;}
#progress .videoTime{
  border-radius: 100px;
  background-color: #2db7f5;
  position: absolute;
  height:3px;
  top:13px;
  -webkit-box-shadow: 0px 0px 15px #21f7f6;
  -moz-box-shadow: 0px 0px 15px #21f7f6;
  box-shadow: 0px 0px 15px #21f7f6;
  background: -webkit-linear-gradient(left, #1a93ea , #21f7f6);
  background: -o-linear-gradient(right, #1a93ea , #21f7f6);
  background: -moz-linear-gradient(right, #1a93ea , #21f7f6);
  background: linear-gradient(to right, #1a93ea , #21f7f6);
}
#progress .channel{width:3.8461538%;}
#progress .videoList{width:92.3076923%;}
/*视频裁剪*/
.modalWarp .modal-header{font-size:14px;text-align:center;font-weight:bold;}
.modalWarp .ivu-modal-footer{border: none;}
.modalWarp .ivu-modal-body ul.modal-body li>div{width: 50%;}
.modalWarp .ivu-modal-body ul.modal-body li span.tar{width: 65px;display: inline-block;padding-right: 10px;line-height: 30px;}
/*固件升级详情 —- 列表*/
.firmwareUpgradeWap{padding:0;background: none;}
.firmwareUpgradeWap .ivu-tabs-bar{background:#fff;padding: 0 20px;margin-bottom:24px;border-bottom: 1px solid #e9e9e9;}
.firmwareUpgradeWap .ivu-tabs-content .ivu-tabs-tabpane{padding:0 20px 20px 20px;background:#fff;border-radius:4px;}
.firmwareUpgradeWap .ivu-tabs-nav .ivu-tabs-tab{font-size:14px;padding:18px 18px;}

/*固件升级详情 —- 任务信息*/
.upgradeDetail{font-size:20px;}
.upgradeDetail li{width:33.33333%;padding-left: calc(16.666666% - 90px);}
.upgradeDetail li.pr:after{content: '';border-right: 1px solid #f0f0f0;position: absolute;right:0;bottom:0;height: 100%;}
.upgradeDetail li span{font-size:14px;color:#666;}
/*实时监控*/
.realTimeMonitorWap{padding:0;margin:24px;overflow-x:hidden;}
.realTimeMonitorWap .realTimeMap{background-color:#a5c1dd !important;}
/*实时监控-工作台*/
.realTimeMonitorWap .workbench{position:absolute; top: 8px; left: 339px;}
.realTimeMonitorWap .workbench .vehiclesNum{padding-right:5px;}
.realTimeMonitorWap .workbench ul{background:#fff;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.08);border-radius:4px;font-size:14px;font-family:MicrosoftYaHei;color:#666;padding:8px 12px;}
.realTimeMonitorWap .workbench ul li{cursor: pointer;}
.realTimeMonitorWap .workbench span.number{font-size:20px;font-weight:bold;color:#333;display:block;line-height:28px;}
.realTimeMonitorWap .workbench .btnWap{right:0;top:0;width:33px;border-left:1px solid #f0f0f0;}
.realTimeMonitorWap .workbench .btnWap i{padding:6px 8px;box-sizing:border-box;height:36px;}
.realTimeMonitorWap .workbench .btnWap i:first-child{border-bottom:1px solid #f0f0f0;}
.realTimeMonitorWap .workbench .btnWap i.icon-icon_trafficlight_s,.realTimeMonitorWap .workbench .btnWap>i.icon-chepaihaoguanbi{color: #ccc;}
/*实时监控-左侧树*/
.realTimeMonitorWap .treeWap.slide-fade-enter-active {
  transition: all 0.2s ease;
}
.realTimeMonitorWap .treeWap.slide-fade-leave-active {
  transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.realTimeMonitorWap .treeWap.slide-fade-enter,.realTimeMonitorWap .treeWap.slide-fade-leave-to{
  transform: translateX(-288px);
  opacity: 0;
}
.driverStatus{font-weight: normal;border: 1px solid #F09A95;width:75px;height:22px;background-color: #FFF1F0;border-radius: 4px;position:absolute;right:16px;line-height:22px;}
.realTimeMonitorWap .treeWap{top:8px;background:#fff;left:16px;height: calc(100% - 16px);max-width:312px;border-radius:4px;box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);}
.realTimeMonitorWap .treeWap .treeTitle{text-align:center;font-size:16px;font-weight:bold;color:#333;line-height:40px;border-bottom:1px solid #e8e8e8;}
.realTimeMonitorWap .treeWap .voiceDelivery{margin-left:16px;padding: 14px 0 6px 0;}
.realTimeMonitorWap .treeWap .voiceDelivery button{padding: 2px 8px;    background:none;}
.realTimeMonitorWap .treeWap .vehicleTree{height: calc(100% - 150px);}
.realTimeMonitorWap .treeWap .nail{position: absolute;width: 24px;height: 24px;background: #108ee8;border-radius: 0 0 100% 0;}
.realTimeMonitorWap .treeWap .nail:hover{background: #49A9EE }
.realTimeMonitorWap .treeWap .nail i.ivu-icon{position:relative;color: #fff;font-size: 19px;transform: rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);top: -2px;left: 5px;}
.realTimeMonitorWap .slide.slide-fade-enter-active {
  transition: all 0.2s ease;
}
.realTimeMonitorWap .slide.slide-fade-leave-active {
  transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.realTimeMonitorWap .slide.slide-fade-enter,.realTimeMonitorWap .slide.slide-fade-leave-to{
  transform: translateX(610px);
  opacity: 0;
}
/*实时监控-右侧报警列表*/
/*.realTimeMonitorWap .alarmList{right:16px;top:16px;width:610px;background:#fff;border-radius:4px;height:calc(100% - 120px);box-shadow:8px 8px 32px 0px rgba(0,0,0,0.1);}*/
.realTimeMonitorWap .alarmList{right:8px;top:75px;width:610px;background:#fff;border-radius:4px;box-shadow:8px 8px 32px 0px rgba(0,0,0,0.1);}
.realTimeMonitorWap .alarmList .caption{line-height:48px;font-size:16px;padding-left:24px;border-bottom:1px solid #f0f0f0;}
.realTimeMonitorWap .alarmList .caption i{color:#999;font-size:14px;right:24px;cursor:pointer;}
.realTimeMonitorWap .alarmList .detail{padding:0 16px;}
.realTimeMonitorWap .alarmList .batchProcess{margin: 16px 24px;height: 32px;}
/*实时监控-危险车辆列表*/
.realTimeMonitorWap .dangerVehiclesList{right:6px;top:76px;width:610px;background:#fff;border-radius:4px;height:calc(100% - 218px);box-shadow:8px 8px 32px 0px rgba(0,0,0,0.1);min-height: 325px;max-height: 530px}
.realTimeMonitorWap .dangerVehiclesList .caption{line-height:30px;font-size:14px;padding-left:24px;border-bottom:1px solid #f0f0f0;}
.realTimeMonitorWap .dangerVehiclesList .caption i{color:#999;font-size:14px;right:24px;cursor:pointer;}
.realTimeMonitorWap .dangerVehiclesList .detail{padding:5px 24px 0 24px;}
/*实时监控-车辆位置跟踪*/
.realTimeMonitorWap .vehicleTraceList{right:600px;top:76px;width:800px;background:#fff;border-radius:4px;height:calc(100% - 345px);box-shadow:8px 8px 32px 0px rgba(0,0,0,0.1);}
.realTimeMonitorWap .vehicleTraceList .caption{line-height:35px;font-size:14px;padding-left:24px;border-bottom:1px solid #f0f0f0;}
.realTimeMonitorWap .vehicleTraceList .caption i{color:#999;font-size:14px;right:24px;cursor:pointer;}
.realTimeMonitorWap .vehicleTraceList .detail{padding:5px 24px 0 24px;}
.realTimeMonitorWap .vehicleTraceList .export-btn{margin-right: 50px;}
/*实时监控-地图*/
#tcWrap,#tcWrap_mobile{display:none;}
.realTimeMonitorWap .mapLab .labWap{width:96px;border-radius:16px;background:#fff;font-family:'Microsoft YaHei';font-weight:400;color:#333;line-height:25px;box-shadow:0px 0px 16px 0px rgba(0,0,0,0.25);}
.realTimeMonitorWap .mapLab .labWap:hover{width:96px;border-radius:16px;background:rgba(255, 255, 255, 0.4);font-family:'Microsoft YaHei';font-weight:400;color:#333;line-height:25px;box-shadow:0px 0px 16px 0px rgba(0,0,0,0.25);}
.realTimeMonitorWap .mapLab::after{content: " ";width: 0;height: 0;border: 6px solid transparent;border-top-color: #fff;line-height: 0;position: absolute;left:43px;}
.realTimeMonitorWap .BMap_mask+div div:nth-child(4){z-index:900 !important;}/*保证自定义覆盖层处于顶部*/
.realTimeMonitorWap .BMap_mask+div div:nth-child(9){z-index:901 !important;}/*保证自定义覆盖层处于顶部*/
.realTimeMonitorWap .vehicleInfoWap{background:url(../images/popBg.png) no-repeat;background-size: 100% 100%;padding-left:6px;border-radius:4px;width: 360px;overflow: hidden;box-shadow: 6px 4px 12px 0px rgba(0,0,0,0.08);}
.realTimeMonitorWap .vehicleInfoWap .titleInfo{padding-top:13px;}
.realTimeMonitorWap .vehicleInfoWap .titleInfo>div{font-weight: bold;color:#fff;line-height:24px;}
.realTimeMonitorWap .vehicleInfoWap .titleInfo>div>span{width:66px;}
.realTimeMonitorWap .vehicleInfoWap .titleInfo .annex{width:24px;height:24px;right:20px;top:0px;font-size:12px;font-weight:bold;color:#fff;}
.realTimeMonitorWap .vehicleInfoWap .titleInfo .nail{position:absolute;top:0;right:0;color:#fff;width:24px;height:24px;border-radius: 0 0 0 100%;}
.realTimeMonitorWap .vehicleInfoWap .titleInfo .nail i{position:relative;color:#fff;font-size:12px;top:-2px;left:9px;}
.realTimeMonitorWap .vehicleInfoWap .titleInfo .nail.locked{background:#0E77CA;}
/*.realTimeMonitorWap .vehicleInfoWap .titleInfo .nail.locked i{top:4px;left:4px;}*/
.realTimeMonitorWap .vehicleInfoWap ul{line-height:20px;color:#333;font-size:12px;padding: 6px 0 8px 0;;}
.realTimeMonitorWap .vehicleInfoWap ul span{width:123px;color:#666;}
.realTimeMonitorWap .vehicleInfoWap .btnWap{border-top: 1px solid #f0f0f0;border-radius: 0 0 4px 4px;overflow: hidden;background:#fff;}
.realTimeMonitorWap .vehicleInfoWap .btnWap a{width:25%;font-size:12px;font-weight:400;color:#666;background:#fff;padding-bottom:4px;}
.realTimeMonitorWap .vehicleInfoWap .btnWap i{display: block;font-size: 24px;color:#ccc;line-height: 28px;}
.realTimeMonitorWap .vehicleInfoWap .btnWap i:hover{color:#108ee8;}
.realTimeMonitorWap .vehicleInfoWap .btnWap a .tag{position:absolute;top:1px;left:55%;background:#F5222D;min-width:18px;height:18px;border-radius:50%;line-height:18px;color:#fff;text-align:center;}
/*实时监控-单车监控*/
.realTimeMonitorWap .remvideo{min-width:527px;max-width:575px;top:75px;background:#fff;right:8px;height: calc(100% - 138px);border-radius:4px;box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);}
.realTimeMonitorWap .remvideoLarge{background:#fff;height:100%;width: 100%;border-radius:4px;z-index:998;}

.realTimeMonitorWap  .rem-icon{position:absolute;color:#999999;font-size:30px;right:24px;top:11px;cursor:pointer;z-index:999999}
.realTimeMonitorWap  .open-icon{line-height: 24px;position:absolute;color:#999999;font-size:18px;right:58px;top:14px;cursor:pointer;z-index:999999}
.realTimeMonitorWap  .remvideoTitle{border-radius: 4px 4px 0px 0px;text-align: left;border-bottom: 1px solid #f0f0f0;/**margin-bottom: 5px**/margin-bottom: -3px;}
.realTimeMonitorWap  .remvideoTitle span{margin-left: 24px;line-height: 40px;font-size:16px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);}
.realTimeMonitorWap  .ivu-tabs .ivu-tabs-bar{/**margin-bottom: 5px;**/margin-bottom: 0px;padding-top: 6px;}

.realTimeMonitorWap  .ivu-tabs-nav-scroll{padding: 8px 0 0 24px;}
.realTimeMonitorWap  .alarmEvidenceWap .ivu-modal-wrap .ivu-modal{margin-top: -99px}
/*.realTimeMonitorWap .remvideo .ivu-tabs{height: 630px}*/

.realTimeMonitorWap  .carInfortion-rtm{font-size:14px;font-weight: 900;padding-bottom:13px}
.realTimeMonitorWap  .carInfortion-span{padding-top:4px;font-size:14px;font-family: 'Microsoft YaHei';color: #666666}
.realTimeMonitorWap  .carInfortion-span i{width:400px;font-size:14px;font-family:'Microsoft YaHei';color:#333333; font-style:normal}
.realTimeMonitorWap .rem-carinfortion-div{font-size: 14px;font-weight: 900;padding-bottom:13px;padding-top: 24px}
.realTimeMonitorWap .vehicleTree .searchWarp input{width:100%;}
.realTimeMonitorWap .tool-close{position:absolute;left: 10px;top: 72px;}

.map-tools{color:#666666;}
.map-tools .tools-img{color:#ccc;height: 34px;width: 40px;}
.map-tools:hover .tools-img{color:#108EE8;}



/*login*/
.login-container {position: relative;background:rgba(12,30,66,1);width: 100%;height: 100%;background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/background.jpg) no-repeat  center 100%;}
.login-container .form-center {z-index:5;width:940px;height:487px;background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/bg_login.png) no-repeat 100%;border-radius:  20px 0 0 20px;position: absolute;top: 50%;left: 50%;margin-left: -460px;margin-top: -244px;background-position: left center}
.login-container .login-logo{position: relative;top: 5px;height:60px;background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/newLoginLogo.png') no-repeat 20px center;margin-bottom:30px;}
.login-container .form-center .form-shadow {border-radius: 0 20px 20px 0;width:432px;height:487px;background: white;float: right}
.login-container .form-center .form{padding-left:40px;padding-right:40px;position: relative;}
.login-container .form-center .input-group{position:relative;height: 60px;}
.login-container .form-center .input-group .label-icon{position:absolute;top:11px;left:0;width:16px;height:16px;}
.login-container .form-center .input-group .icon-user{background:url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/ic_username_normal.png) no-repeat center;}
.login-container .form-center .input-group .icon-password{background:url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/ic_psw_normal.png) no-repeat center;}
.login-container .form-center .input-group .icon-yzm{background:url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/ic_validation_normal.png) no-repeat center;}
.erreInfro-user{background:url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/ic_username_normal.png) ;}

.login-container .form-center .input-group input{font-size:12px;border:0;line-height:39px;height:39px;border-bottom:1px solid #f0f0f0;outline: none;width:100%;padding-left:20px;}
.login-container .form-center .yzm-group{  overflow: hidden;}
.login-container .form-center .input-group .message{line-height: 20px;}
.login-container .form-center .input-group .message i{float: left}
.login-container .form-center .input-group .message span{float: left;margin-left: 2px;}
.login-container .form-center .yzm-group .input-yzm{float:left;width:59%;padding-left:20px;}
.login-container .form-center .yzm-group .yzm{float:left;}
.login-container .form-center .btn-login {display: block;height: 50px;color: transparent;margin-top: 30px;width: 190px;background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/newLoginbutton.png) no-repeat center;margin: 60px auto 0;}
.login-container .form-center .btn-login:hover{opacity: 0.9}

.login-container .form-center .remember-user input{display: inline;line-height: normal}
.login-container .form-center .remember-user .icon-rememberUser{position:absolute;top:0;left:0;width:30px;height:18px;background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-checkbox.png') no-repeat center;}
.login-container .form-center .remember-user .icon-rememberUser.active{background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-checkbox-checked.png') no-repeat center;}
.login-container .form-center .remember-user .rememberUser-text{display:block;padding-left:30px;}
.login-container .form .login-error {display: none;position: absolute;top: -8px;width: calc(100% - 56px *2);border: 1px solid #f79992;border-radius: 4px;height: 35px;line-height: 35px;background: #fef0ef url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-x-red.png) no-repeat 10px center;color: #333;font-weight: 400;font-size: 12px;padding-left: 30px;}
.login-container .form .login-title{font-size:20px;font-family:PingFang-SC-Regular;color:rgba(51,51,51,1);line-height:90px;}
.login-erreInfro-user{display: none;color: red}
.login-erreInfro-paw{display: none;padding-top:8px;color: red}
.login-erreInfro-yzm{display: none;color: red;}
.login-erreInfro-upy{display: none;color: red;}
#login .ivu-carousel {position: absolute;width: 665px;right: -1px;height: 100%;top: 0;}
#login .ivu-carousel .ivu-carousel-list,#login .ivu-carousel .ivu-carousel-list .ivu-carousel-track.higher{height: 100%;transition: inherit !important;}
#login .ivu-carousel  .ivu-carousel-item{height: 100% !important; border-top-right-radius: 10px;border-bottom-right-radius: 10px;position: absolute;display:none}
#login .ivu-carousel  .ivu-carousel-item:nth-child(1){background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/banner01.jpg")}
#login .ivu-carousel  .ivu-carousel-item:nth-child(2){background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/banner02.jpg")}
#login .ivu-carousel  .ivu-carousel-item:nth-child(3){background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/banner03.jpg")}
#login .ivu-carousel  .ivu-carousel-item.on{display: block;}
.login-title-font{width:100%;font-size:14px;color:rgba(255,255,255,0.6);position: absolute;bottom:6%;}
.login-title-tel{display:inline-block;width:100%;font-size:14px;color:rgba(255,255,255,0.6);position: absolute;bottom:3%;}
/*change-password*/
.change-password{width:100%;height:100%;background:#f4f4f4;padding:50px 150px;position:relative;}
.change-password .center{width:600px;margin:auto;background:#fff;text-align:center;}
.change-password .input-group input{height:40px;line-height:40px;border-radius:4px;}

/* 首页 */
#container {padding: 12px 12px 24px 12px;background: #f4f4f4;}

/*modal-changePassword*/
.my-modal .modal-header{font-size:14px;font-weight:bold;text-align:center;}
.my-modal .ivu-modal-header{border:0;border-bottom: 1px solid #f0f0f0;line-height: 24px;}
.my-modal .ivu-modal-body{padding-bottom:0;padding-top:0;}
.my-modal .ivu-modal-footer{padding-top:0;border:0;border-top: 1px solid #f0f0f0}
.my-modal .ivu-modal-content{border-radius:4px;}
.my-modal .modal-body{padding:60px 50px 40px 50px;background:#fff;}
.warn-evidence .modal-body{padding: 20px;}
.my-modal .form-item{width:100%;height:52px;padding:10px 0;}
.my-modal .form-item label{float:left;width:100px;text-align:right;height:32px;line-height:32px;padding-right:10px;}
.my-modal .form-item input{float:left;width:200px;border:1px solid #cbcbcb;border-radius:4px;height:32px;}
.my-modal .modal-footer{  text-align: right;padding: 20px 0 0;background: #fff;}
.my-modal .modal-error{display:none;position:absolute;top:60px;left:100px;width:270px;border:1px solid #f79992;border-radius:4px;height:35px;line-height:35px;background:#fef0ef url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-x-red.png') no-repeat 10px center;color:#333;font-weight:400;font-size:12px;padding-left:30px;}
/*menu*/
#top-nav{top:0;width:100%;height:60px;background:#002140;z-index:100;position: fixed}
#top-nav .logo{position:absolute;top:0;left:0;width:260px;height:60px}
#top-nav .logo .iconfont{color: #fff;font-size: 44px;position: relative;top: 0px;left: 24px;}
#top-nav .my-menu{padding:0 18% 0 25%;height:80px;}
#top-nav .my-menu .menu-item{float:left;width:16%;font-size:16px;height:80px;line-height:78px;text-align:center;}
#top-nav .my-menu .menu-item .menu-border{width:32px;height:2px;margin:auto;background:transparent;}
#top-nav .my-menu .menu-item .first{color:#333;display:block;}
#top-nav .my-menu .menu-item.active{color:#108ee8;font-weight:600;}
#top-nav .my-menu .menu-item.active .menu-border{background:#108ee8;}
#top-nav .my-menu .menu-item:hover{color:#108ee8;font-weight:600;background: #f0f0f0;}
#top-nav .my-menu .menu-item:hover .menu-border{background:#108ee8;}
#top-nav .my-menu .menu-item:hover .sub-item{font-weight: normal;color:#000;}
#top-nav .my-menu .menu-item.active .first{color:#108ee8;font-weight:600;}
#top-nav .my-menu .menu-item:hover .first{color:#108ee8;font-weight:600;}

#top-nav .my-menu .ivu-menu-horizontal.ivu-menu-light:after{background:#fff;}
#top-nav .my-menu .ivu-menu-horizontal{height:80px;line-height:80px;}
#top-nav .user-info{height: 60px;padding: 15px;float: right}
#top-nav .user-info .user-down{float: left;padding-top: 24px;padding-right: 24px;background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/download-ico.png);margin-top: 4px;margin-right: 16px;opacity: 0.95;}
#top-nav .user-info .icon-user{float:left;padding-top: 4px;}
#top-nav .user-info .icon-user .ivu-avatar.ivu-avatar-icon{font-size: 16px;width:24px;height:24px;line-height:24px;}
#top-nav .user-info .icon-user .ivu-avatar.ivu-avatar-icon .ivu-icon-person{line-height: 28px;}
#top-nav .user-info .user-name{float:left;height:30px;line-height:30px;padding-left:10px;}
#top-nav .user-info .user-name .ivu-icon{padding-left:5px;margin-right: -5px;}
#top-nav .user-info .ivu-avatar .ivu-icon {position: relative;top: -2px;    font-size: 18px;}
#top-nav .user-info .user-name a{color:#fff;font-size: 14px;}
#top-nav .user-info  .logout-box{float:left;width:50px;height:30px;padding:4px 0 4px 15px;}
#top-nav .user-info  .logout-box .icon-logout{float:right;width:17px;height:18px;background:url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/exit.png) no-repeat 0 0;margin-top: 2px;}

body #top-nav .tagGroup {padding: 10px 20px;background: #f2f2f2;}
#top-nav .tagGroup .ivu-tag {height: 30px;line-height: 30px;padding: 0 10px;margin:0 5px 0 0;}
#top-nav .ivu-tag-blue{background:#49a9ee;}

/*warm-setting*/
/*#warn-setting {width:60px;height:150px;position:fixed;top:50%;right:0;background:#fff;border-top-left-radius: 4px;border-bottom-left-radius:4px;z-index:100;text-align:center;box-shadow: 0 2px 20px rgba(0,0,0,.2);}*/
#warn-setting .icon-warn{height:50px;padding:10px 9px;border-bottom:1px solid #f0f0f0;}
#warn-setting .icon-warn a{display: inline-block;width:30px;height:30px;background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icons.png') no-repeat -170px -25px;margin:auto;}
#warn-setting .icon-warn.active a{background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-warn-active.gif') no-repeat center;margin:auto;}
#warn-setting .icon-voice{height:50px;padding:10px 9px;border-bottom:1px solid #f0f0f0;}
#warn-setting .icon-voice a{display:inline-block;width:30px;height:30px;background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-voice.png') no-repeat center;margin:auto;}
#warn-setting .icon-voice a:hover{display: block;width:30px;height:30px;background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-voice-hover.png') no-repeat center;margin:auto;}
#warn-setting .icon-voice.active a{background-image:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-voice-open.png')}
#warn-setting .icon-voice.active a:hover{background-image:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-voice-open-hover.png');}
#warn-setting .icon-setting{height:50px;padding:10px 9px;}
#warn-setting .icon-setting a{display: inline-block;width:30px;height:30px;background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-warnSetting.png') no-repeat center;margin:auto;}
#warn-setting .icon-setting a:hover{background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-warnSetting-hover.png') no-repeat center;margin:auto;}
#warn-setting .icon-setting.active a:hover{background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-warnSetting-active.png') no-repeat center;margin:auto;}
.warn-setting .title{font-size:16px;color:#000;padding:10px 0;line-height:16px;border:0;}
.warn-setting .sub-title{font-size:14px;color:#000;padding-bottom:10px;}
.warn-setting .modal-body{padding: 10px 20px;}
.warn-setting .tab-box{overflow: hidden;position:relative;}
.warn-setting .tab-box ._tab-content{float:left;width:890px;height:100%;}
.warn-setting .tab-box ._tab-text{float:left;width:220px;height:482px;border-left:1px solid #f0f0f0;padding:20px;color:#666;}
.warn-setting .tab-box ._tab-text .text-title{padding-bottom:20px;}
.warn-setting .tab-box ._tab-text p{padding-bottom:10px;}
.warn-setting .warn-item{padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
.warn-setting .modal-footer{padding:0;}
.warn-setting .ivu-checkbox-wrapper{margin-right:0px;margin-bottom:10px;width:99px;text-align: center;padding-left: 16px}
.warn-setting .ivu-checkbox-wrapper:last-child{margin-right:0px;margin-bottom:10px;width:100px;text-align: center}
.warn-setting .form-item{padding:0;height:35px;}
.warn-setting .form-item input{height:28px;width:100px;padding-left:10px;}
.warn-setting .form-item ._unit{width:50px;}
.warn-setting .ivu-tabs-nav .ivu-tabs-tab{width:100px;font-size:14px;line-height:20px;}
.warn-setting .ivu-tabs-nav .ivu-tabs-tab-active{color:#49a9ee;border-bottom:3px solid #49a9ee; }
.warn-setting .ivu-tabs-ink-bar{background:#49a9ee;}
.warn-setting .icon-edit{background:url('https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/icon-edit.png') no-repeat 5px center;padding-left:30px;position:absolute;top:0;right:250px; color:#108ee8;font-size:14px;}
.alarmSettingTableHeadTd{width: 103px}
/*systemSetup*/
.vertical-center-modal{
  display: flex;
  align-items: center;
  justify-content: center;
}
.vertical-center-modal .ivu-modal{
  top: 0;
}
.add-role .modal-body{padding: 0 5px 0 20px;}
.add-role .add-content{overflow:hidden;}
.add-role .add-content .add-content-left{float:left;width:300px;height:100%;}
.add-role .add-content .add-content-right{float:left;width:400px;height:400px;margin-left:28px;border:1px solid #cbcbcb;border-radius:4px;}
.add-role ._label{display:inline-block;width:95px;text-align:right;padding-right:10px;}
.required-label{padding-left:10px;color:red;font-size:14px;position:relative;top:5px;}

.add-user .modal-body{padding:15px 20px 0 20px;}
.add-user .add-content{overflow:hidden;}
.add-user .add-content .add-content-left{float:left;width:390px;height:100%;}
.add-user .add-content .add-content-right{float:left;width:420px;height:440px;margin-left:28px;border:1px solid #f0f0f0;border-radius:4px;}
.add-user ._label{display:inline-block;width:123px;text-align:right;padding-right:10px;}
.add-role .title-box {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;}
.add-role .title-box .blue-line{display: inline-block;width:6px;height:15px;background:#108ee9;margin-top:3px;margin-right:10px;position: relative;top: 2px;}
.add-role .title-box .title-text{display: inline-block;font-size:14px;font-weight:bold;}
.add-role .title-box .btn-handle{float:right;color:#999;}


.add-driver .picture-box{overflow:hidden;padding:0 0px 15px 20px;}
.add-driver .picture-box .picture-item {float: left;width: 130px;height: 180px;margin: 10px 27px 0 0;text-align: center;border: 1px dashed #CDCDCD;border-radius: 4px;position: relative;}
.add-driver .picture-box .picture-item:hover{border-color: #108ee8}
.add-driver .picture-box .picture-item:hover a{color: #108ee8}
.add-driver .picture-box .picture-item div {height: 100%;line-height: 180px;}
.add-driver .picture-box .picture-item div a {}
.add-driver .picture-box .picture-item div .btngroup {display: block;position: absolute;bottom: 0px;line-height: 24px;background: rgba(0,0,0,0.5);color: #fff;padding:0 10px;left: 0;right: 0;text-align: left;height: 24px;}
.add-driver .picture-box .picture-item div .btngroup a{color: #ddd}
.add-driver .picture-box .picture-item div .btngroup a:hover{color: #fff}
.add-driver .picture-box .picture-item p a {display: block;width: 100%;color: #808080;padding-top: 70px;}
.add-vehicle ._label{display:inline-block;width:110px;text-align:right;padding-right:10px;}
.add-vehicle-master ._label{display:inline-block;width:130px;text-align:right;padding-right:10px;}
.no-footer .modal-footer{padding:0;}
.ivu-modal-confirm-body-icon-confirm{ top:10px;left:60px; }

.leftTree{float:left;width:300px;height:100%;border-right:10px solid #f4f4f4;}
.leftTree .tree-search{padding:20px 10px;}

/****/

/*._table-page .ivu-page-item-jump-next,._table-page .ivu-page-item-jump-prev,._table-page .ivu-page-next,._table-page .ivu-page-prev{min-width:26px;height:26px;line-height:24px;}
._table-page .ivu-page-item{min-width:26px;height:26px;line-height:24px;}
._table-page .ivu-select-single .ivu-select-selection{height:26px;}
._table-page .ivu-select-single .ivu-select-selection .ivu-select-placeholder,._table-page .ivu-select-single .ivu-select-selection .ivu-select-selected-value{height:24px;line-height:24px;}

#container .ivu-table-row-hover td{color:#108ee8;}*/

/*.ivu-input-number-input{height:30px;line-height:30px;}*/
.ivu-modal-close{top:5px;right: 14px;}
/*设备管理*/
/*表格查询不到数据错位*/
.deviceManagement .tablerow th:nth-child(2) {height: 55px;}
.deviceManageWap label.tag{width:140px;line-height:30px}
/* page分页样式重置 */
/*.pageWap{margin: 10px 0;overflow: hidden;text-align: right;}
.pageWap span.ivu-page-total{float: right;margin-right:0;margin-left:10px;height:auto;line-height: 28px;}
.pageWap .ivu-page-options{float:left;margin-left:0;/**margin-top: -26px;}**/
/*.pageWap .ivu-page-item{min-width:28px;height:28px;line-height:26px;}*/
/*.pageWap .ivu-page-item-active {background-color: #108ee8;border-color: #108ee8;}*/
/*.pageWap .ivu-select-arrow{font-size:14px;margin-top:-4px;}*/
/*.pageWap .ivu-select-item {padding: 3px 8px;}
.pageWap .ivu-page-prev,.pageWap .ivu-page-next{min-width:28px;height:28px;line-height:26px;}
.pageWap .ivu-page-disabled a{color:#666;}
.pageWap .ivu-select-item-selected, .ivu-select-item-selected:hover{background: #d2eafb;color:#333}*/

/*下拉框样式重置*/
/*.ivu-select-single .ivu-select-selection{height:30px;}*/
/*.ivu-select-single .ivu-select-selection .ivu-select-placeholder,.ivu-select-single .ivu-select-selection .ivu-select-selected-value {height: 30px;line-height: 30px;}*/
/*.ivu-select-arrow{font-size:14px;margin-top: -4px;}*/
.ivu-select-single .ivu-select-selection .ivu-select-placeholder{color:#999;}/* 表格样式重置 */
.ivu-table td {font-size: 12px;color: #999;height: 36px;}
.ivu-table th {border-bottom: none;color: #666; }
.ivu-table-tip table {min-height: 400px;border-left: 1px solid #ddd;}
.ivu-table th{background: rgb(210,234,251);height: 40px;font-size: 12px;}
.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td, .ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td{background-color: rgb(236,246,253);color: #999;}
.ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td, .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td{background: rgb(210,234,251);color: #2397eb;}
.ivu-table-fixed, .ivu-table-fixed-right{box-shadow: 2px 0 6px -2px rgba(0,0,0,0);}
.ivu-table-wrapper{ border:none;border-radius: 4px;overflow: hidden;}
.ivu-table-fixed-right::before, .ivu-table-fixed::before{background-color: transparent;}
.ivu-table:after,.ivu-table:before{background: transparent}
/* 气泡提示样式重置——下方显示 */
/*.ivu-poptip-content{padding-top:14px}*/
.ivu-poptip-popper[x-placement="bottom"] .ivu-poptip-arrow {margin-left: -8px;border-width: 0 8px 8px;}
.ivu-poptip-popper[x-placement="bottom"] .ivu-poptip-arrow::after {border-width: 0 8px 8px;margin-left: -8px;}
/*.ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow{top: 10px;right: 1px}*/
.ivu-poptip-inner {width: 100%;background-color: #fff;background-clip: padding-box;border-radius: 4px;box-shadow: 0 2px 20px rgba(0,0,0,.2);white-space: nowrap;margin-top: -1px;}
.ivu-table-cell .ivu-tooltip-popper {z-index: 999999999;}
/*超时疲劳驾驶气泡样式重置*/
.overTimeAlarm .ivu-poptip-inner{background: rgba(247,133,0,0.16);}
.overTimeAlarm .ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow:after{border-bottom-color: rgba(247,133,0,0.16);}
.overTimeAlarm .vehicleRadio .ivu-poptip input{width:35px;height:20px;}
.overTimeAlarm .vehicleRadio .ivu-poptip-popper[x-placement^=bottom] .ivu-poptip-arrow{top: 1px;border-bottom-color:antiquewhite}

/*复选框样式重置*/
.ivu-checkbox-checked .ivu-checkbox-inner:after{top: 0px;left: 3px;}
.ivu-checkbox-inner{width: 12px;height: 12px;}
.ivu-checkbox-group {color: #666;}
/*轨迹回放样式重置*/
.ivu-tabs-nav .ivu-tabs-tab{padding:4px 16px 10px 16px;color:#666}
.ivu-tabs-nav .ivu-tabs-tab-active {color: #108ee8;}
.trackReviewTable .ivu-table td {height: 28px;}
.trackReviewTable .ivu-table th{height: 30px}

/*车辆安全报告*/
#diyModall .ivu-row {margin-bottom: 20px;margin-left: auto;margin-right: auto;width: 270px;}
#diyModall .ivu-modal-footer {text-align: right;}
/*sim管理*/
.addModal .ivu-col-span-12 {padding: 10px;}
.addModal .ivu-col-span-12 .ivu-row{margin-bottom: 10px;}
#top-nav .ivu-tag-blue.tagactive {background: #2d8cf0;}
/*设置table鼠标点击可穿透*/
/*#app .ivu-table-fixed-body table{pointer-events: none;}*/
/*#app .ivu-table-fixed-body table tr td:nth-child(2){pointer-events: auto;}*/

.title.ivu-row button {position: relative;top: 7px;    margin-left: 8px;}
.title.ivu-row button:last-child {position: relative;top: 0px;    margin-left: 8px;}
.title.ivu-row .ivu-poptip-body-content button{ position: inherit; display: block; margin: 5px auto;width: 100%;}

.ivu-checkbox-indeterminate .ivu-checkbox-inner:after {content: '';width: 7px;height: 1px;-ms-transform: scale(1);transform: scale(1);position: absolute;left: 2px;top: 4px;}

/*百度地图infowindow样式重置*/
.detail .BMap_pop div {border: none !important;}
.detail .BMap_pop div:nth-child(1) >div{border-top-left-radius: 4px;}
.detail .BMap_pop div:nth-child(3) >div{border-top-right-radius: 4px;}
.detail .BMap_pop div:nth-child(5) >div{border-bottom-left-radius: 4px;}
.detail .BMap_pop div:nth-child(7) >div{border-bottom-right-radius: 4px;}
.detail .BMap_pop .BMap_center {border-right: 1px solid #fff !important}
.detail .BMap_pop > div+div+div+div+div+div+div+div img {display: none;}
.detail .BMap_pop > div+div+div+div+div+div+div+div  {background:url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/arrow.png") no-repeat center 24px;}
.detail .BMap_pop {margin-left: -18px;}
#main {width: 100%;height: 477px;overflow: hidden}

/*轨迹回放*/
button.setRouteBtn.ivu-btn.ivu-btn-primary {position: absolute;right: 112px;top: 12px;z-index: 9;}
button.routeManageBtn.ivu-btn.ivu-btn-primary {position: absolute;right: 22px;top: 12px;z-index: 9;}

/*report*/
.report table{width: 100%; text-align:center;}
.report table tr:nth-child(odd) td{background: rgb(236,246,253);line-height: 25px;}
.report th{ background: rgb(210,234,251);color:rgb(102,102,102);line-height: 35px; font-size: 14px;}
.report {max-width: 1200px;margin: 0 auto; padding-top: 30px;}
.report > table:first-child td {line-height: 35px !important;font-size: 14px;width: 50%;}
.report > table:first-child  tr:nth-child(odd) td{background: rgb(210,234,251);}
.reportTitle {font-size: 16px;margin: 20px 0px;border-left: 4px solid #108ee8;padding-left: 10px;font-weight: bold;color: #666;}
.buttonrignt {text-align: right;}
.buttonrignt button{ background: none; border: none; padding: 0 15px;position: relative; top: -20px;outline: none;}
.buttonrignt button.active{ border-bottom:1px solid #108ee8}
.report-top-title {position:relative;line-height: 120px;text-align: center;font-size: 30px;margin: 0 -40px;background: rgb(210,234,251);border-top-left-radius: 8px;border-top-right-radius: 8px;}
.report-top-title button {position: absolute;top: 50px;margin-left: 400px;}
.right18{position: absolute;right: 0;}
.lefttree .ivu-col-span-6 .panel{overflow: auto}
.muteture{background-color: #aaa;border-color: #999;}
.muteture:hover{background-color: #bbb;border-color: #aaa;}
#baiduMap{height:500px;}
.ivu-tree-title .title{border: none;line-height: 30px; margin-right: 8px;margin-top: 3px;color:inherit}
.lefttree .panel .row {position: fixed;bottom: 20px;line-height: 40px;background: #fff;}
.panel .topbtn {height: 30px;line-height: 30px;padding: 0 10px;margin: 0 5px 0 0;background: #49a9ee;border: none;color: #fff;width: 49%;margin: 0;display: inline-block;position: relative;top: -15px;}
.panel .topbtn.on{    background: #2d8cf0;}
/*实时监控*/
.viewmodel{padding-top: 20px;padding-bottom: 10px;}
.viewmodel .ivu-btn:last-child,.videonumbar .ivu-btn:last-child{line-height: 1.5;padding: 5px 15px}
.viewmodel .ivu-btn,.videonumbar .ivu-btn{background: #49a9ee; border: none}
.viewmodel .ivu-btn.on,.videonumbar .ivu-btn.on{background: #2d8cf0;}

/*不知道用在哪儿*/
.container {min-height: calc(100% - 60px);position: relative;top: 0px;background: #fff;margin: 20PX;border-radius: 6px;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);padding: 0 40px 20px 40px;}
.title {height:40px;line-height: 40px;;font-size: 14px;color: #666666;border-bottom: 1px solid #e8e8e8}
.title span {border:none;}
.title >span {display: inline-block;height: 14px;line-height: 14px;border-left: 4px solid #108ee8;padding-left: 10px;font-weight: bold;}
/*UI优化产生的新css*/
.header {height:40px;line-height: 40px;;font-size: 16px;color: #333333;border-bottom: 1px solid #F5F5F5}
.header span {border:none;}
.header >span {display: inline-block;height: 16px;line-height: 16px;padding-left: 24px;}

.twocolumn {padding: 20px;}
.panel {position: relative;margin: 0 12px;background: #fff;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);padding: 0 16px 16px 16px;margin-bottom: 24px;-moz-box-shadow:0px 2px 20px #E8E8E8;}
.panel:before, .panel:after {content:"";display:table;}
.panel:after{clear:both;overflow:hidden;}
.panel{*zoom:1;}
.panel-no-padding {position: relative;margin: 0 12px 24px 12px;background: #fff;padding-bottom: 16px;}
.rightslider {border: none; font-size: 22px; display: inline-block;background: none;height: 32px;padding: 0 10px;outline:none;cursor: pointer}
/*.ivu-icon.ivu-icon-ios-arrow-down.ivu-select-arrow.ivu-icon-ios-arrow-down:before{color: rgb(205,205,205);font-size: 20px;}*/
/*.ivu-select-selection .ivu-select-arrow:nth-of-type(1){top: 8px;}*/
#top-nav .tagGroup {padding: 10px;background: #f2f2f2;white-space: nowrap;overflow-x: auto;}
div#videobox {min-height: 200px;line-height: 200px;text-align: center;}
.tablerow{margin-top: 20px;}
#address {height: 100%;letter-spacing: 1px; line-height: 12px;vertical-align: top;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.panel .ivu-col.ivu-col-span-12:first-child  .rightborder{border-right: 1px solid #eee;}

/*.pagestyle{margin: 10px 0;overflow: hidden;}*/
/*.ivu-page-item {  display: inline-block;vertical-align: middle;min-width: 24px;height: 24px;line-height: 22px;}*/
/*.ivu-page-total { display: inline-block;height: 32px;line-height: 32px; margin-right: 0px;  float: right; margin-left: 10px; }*/
/*.inline {display: inline;vertical-align: middle;}*/
./*hidden*/{display: none;}
.border{border: 1px solid rgb(204,204,204);border-radius: 4px;margin-top: -1px;padding: 20px;height: 100%;overflow-y: auto;}

/*车辆日行驶统计*/
.leftlist {height: 533px;overflow: auto;}
.leftlist .ivu-btn:last-child ,.lefttree .ivu-btn:last-child,.inrow .ivu-btn:last-child {padding: 1px 8px;line-height: normal;}

/*车辆详情*/
.paddingbox {padding: 20px 10px;height: 100%;}
.msgbox .title {font-size: 14px;text-align: center;padding: 0; margin-bottom: 10px; line-height: 40px;  height: 40px;background: rgb(240,240,240);color: rgb(102,102,102);font-weight: bold}
.msgbox table td:first-child {color: #666;text-align: right;padding-right:10px;width:35%;line-height: 31px;}
.msgbox {border: 1px solid rgb(204,204,204);border-radius: 4px;padding: 0 0 10px 0;margin-bottom: 20px;}
.msgbox table{width: 100%;margin-top: 20px;}
.msgbox table td input{width: 95%;}
.msgbox table td textarea{width: 95%;}
.msgbox td {padding-bottom:10px;}
div#imgbox {height: 359px;}
.maphshow{height:380px ;}
.maphfalse{height:578px ;}
.detailright.border.thishight { height: 1004px;}
.detailright.border.thishight #map{height: 922px !important;}
.ivu-icon-android-bus:before { content: "";}
.ivu-icon-android-bus { background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/caricon.png) no-repeat center;height: 16px;background-size: 100%;width: 16px;position: relative;}
.repadding{margin: 0 -10px}
.title2 {border-left: 3px solid rgb(16,142,233);padding-left: 5px;font-size: 14px;line-height: 15px;margin: 2px 0px;}
.title3 {border-left: 4px solid rgb(16,142,233);padding-left: 5px;font-size: 14px;line-height: 15px;margin: 10px 0px;}
.topbar .search, .topbar .export {margin-left: 12px;}
.topbar {background: #fff; margin-top: 20px;}
.topbar label {margin-left: 20px;margin-right: 10px;}
.topbar .ivu-input-wrapper {width: 200px;}
.topbar .ivu-date-picker .ivu-input-wrapper {width: 200px;}
.topbar .ivu-select {width: 250px;margin-left: -8px;}
/*.box{position:inherit;top:auto;min-height:calc(100% - 20px);padding-top:0px;border-radius:4px;margin-bottom:20px}*/
/*车辆日行统计*/
.alarmTypecon .num {display: inline-block;float: right;padding-right: 15px; background: #fff;padding-left: 15px}
.alarmTypecon .name {padding-left: 23px;display: inline-block;background: #fff;padding-right: 15px;color:#666}
.alarmTypecon{line-height: 35px;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/linebg.jpg") repeat-x center}
.rightborder {padding: 10px}
.lefttree .panel .row .tuli {display: inline-block;background: #999;margin-right: 5px;position: relative;top: -1px;width: 6px;height: 6px;border-radius: 50%;}
.lefttree .panel .row > span:nth-child(1) .tuli{background: #00a854;}  /*在线*/
.lefttree .panel .row > span:nth-child(2) .tuli{background: #ffbf00;}  /*行驶*/
.lefttree .panel .row > span:nth-child(3) .tuli{background: #f04134;}  /*静止*/
.lefttree .panel .row > span:nth-child(4) .tuli{background: #cccccc;}  /*离线*/
.lefttree .panel .row span{line-height: 40px;cursor: pointer;}
.rightpanel .title { line-height: 60px; font-size: 14px; color: #666666;border-bottom: 1px solid #eee;    margin-bottom: -22px; }
.rightpanel .title >span { display: inline-block;height: 20px;line-height: 20px;border-left: 4px solid #108ee8;padding-left: 10px;font-weight: inherit;font-size: 18px;}
.tab50 .ivu-tabs-nav { width: 100%}
.tab50 .ivu-tabs-nav .ivu-tabs-tab{width: 50%;margin-right: 8px; text-align: center;line-height: 37px; font-size: 14px}
.alarmTypeTitle {line-height: 30px;padding: 0 10px;font-size: 16px;margin: 10px 0;border-bottom: 1px solid #eee;}
.alarmTypeTitle a {color: #999;font-size: 12px}
.right {float: right;}
.lefttree .ivu-tree {overflow-y: auto}
.lefttree.privateTree .ivu-tree {overflow-y:visible}
.lefttree{margin-bottom: 30px;}
.lefttree .ivu-col-span-6{position: fixed;min-height: 1px;left: 10px;}
.rightpanel.ivu-col.ivu-col-span-18{position: absolute;right: -10px;}
.inrow .ivu-input-wrapper{ display:inline-block;width: 100%;}
.inrow .ivu-btn {display: inline-block;position: absolute;right: 0;top:0}
.inrow {border: 1px solid #ccc;border-radius: 5px;}
.inrow .ivu-input{outline: none ;border: none}
.alarmicon1 {background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmicon1.png) no-repeat center 3px;display: inline-block;height: 30px;width: 30px;vertical-align: bottom;margin-left: -10px;margin-right: 5px;}
.alarmicon2 {background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmicon2.png) no-repeat center 3px;display: inline-block;height: 30px;width: 30px;vertical-align: bottom;margin-left: -10px;margin-right: 5px;}
.alarmicon3 {background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmicon3.png) no-repeat center 3px;display: inline-block;height: 30px;width: 30px;vertical-align: bottom;margin-left: -10px;margin-right: 5px;}
.alarmicon4 {background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmicon4.png) no-repeat center 3px;display: inline-block;height: 30px;width: 30px;vertical-align: bottom;margin-left: -10px;margin-right: 5px;}
.alarmicon5 {background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmicon5.png) no-repeat center 3px;display: inline-block;height: 30px;width: 30px;vertical-align: bottom;margin-left: -10px;margin-right: 5px;}
/*路线设置*/
.setRoute .ivu-modal .inrow.ivu-col.ivu-col-span-11 > .ivu-row:last-child {width:218px;height:218px;overflow:auto !important;}
/*告警中心*/
#warnTable .ivu-table{background: transparent;}
#warnTable > .ivu-table > .ivu-table-header {margin-bottom: 10px;border-radius: 4px;}
#warnTable > .ivu-table > .ivu-table-header table th{ background:#fff;line-height: 55px;}
#warnTable > .ivu-table > .ivu-table-body > table > tbody>.ivu-table-row td{border-bottom: 10px solid #f2f2f2;}
#warnTable .ivu-table-expanded-cell{padding: 0;position: relative;top: -10px;background: #fff; border: 1px solid #108ee8}
#warnTable  .ivu-table td{border-bottom: inherit;}
#warnTable  .ivu-table-row-highlight> td{background: #108ee8;color:#fff;}
#warnTable  td.ivu-table-expanded-cell  {border-bottom:1px solid #108ee8;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px}
#warnTable > .ivu-table > .ivu-table-body > table > tbody>.ivu-table-row td:first-child{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
#warnTable > .ivu-table > .ivu-table-body > table > tbody>.ivu-table-row td:last-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#warnTable  td.ivu-table-expanded-cell  .ivu-table .ivu-table-header table th{ background:#fff;line-height: 40px;color: #b2b2b2}
#warnTable  td.ivu-table-expanded-cell  .ivu-table .ivu-table-body table td{ background:#f6fcff;line-height: 35px;}
#warnTable  td.ivu-table-expanded-cell .ivu-table-stripe .ivu-table-body tr:nth-child(2n) td,
#warnTable  td.ivu-table-expanded-cell .ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td{background: #fff}
#warnTable  td.ivu-table-expanded-cell .ivu-table:before{background: #eee;}
#warnTable  .ivu-table-cell-expand i{display: none;}
#warnTable  .ivu-table-tip table{min-height: inherit;}
#warnTable  .ivu-table-tip span{line-height: inherit;}
.hot1{width: 25px;height: 33px;margin-left:-23px;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/hot.png")}
.hot2{width: 25px;height: 33px;margin-left:-23px;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/hot.png") 0 -34px}
.hot3{width: 25px;height: 33px;margin-left:-23px;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/hot.png") 0 -68px}
.trackPlaybackWap .BMap_cpyCtrl {display:none;}
.trackPlaybackWap .BMap_noprint a{display:none;}
.trackPlaybackWap .infoBox img{display:none;}
.trackInfoBoxContent {border-radius: 4px;font-size: 12px}
.icon-video{color: #555}
.icon-video:hover {color: #108EE8}
.ivu-icon-ios-arrow-back:hover {color: #108EE8}
.ivu-icon-ios-arrow-forward:hover {color: #108EE8}
.icon-video:active {color: #108EE8}
.icon-screenshot{color: #555}
.icon-screenshot:hover {color: #108EE8}
.icon-screenshot:active {color: #108EE8}
.icon-sound1{color: #555}
.icon-sound1:hover {color: #108EE8}
.icon-sound1:active {color: #108EE8}
.icon-sound{color: #555}
.icon-sound:hover {color: #108EE8}
.icon-sound:active {color: #108EE8}
.alarmDetails .panel{padding: 20px;}
.alarmDetails .panel #map{border-radius: 4px;}
#xuanfubutton{right: 35px;top: 35px;}
#xuanfubutton .ivu-poptip-content{padding-top: 0px;}
#xuanfubutton a.suspensionBtn{ background: #f2f2f2 url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmdetailicon.png") no-repeat; border-radius: 4px;}
#xuanfubutton li:nth-child(2) a{ background: #f2f2f2 url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmdetailicon.png") 0 -45px no-repeat; border-radius: 4px;}
#xuanfubutton li:nth-child(3) a{ background: #f2f2f2 url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmdetailicon.png") 0 -135px no-repeat; border-radius: 4px;}
#xuanfubutton li:nth-child(3) a.switch{ background: #f2f2f2 url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/alarmdetailicon.png") 0 -90px no-repeat; border-radius: 4px;}
#xuanfubutton >li {height: 45px;margin-bottom: 10px;}
#xuanfubutton >li:nth-child(2) {margin-bottom: 20px;}
#xuanfubutton .ivu-poptip-popper[x-placement^=left] .ivu-poptip-arrow:after{ top:-4px;}
#xuanfubutton .ivu-poptip-popper[x-placement=left-start] .ivu-poptip-arrow {top: 18px;}
#xuanfubutton .ivu-poptip-content ul li{line-height: 25px;}
#xuanfubutton .ivu-poptip-content ul {margin: 10px;}
.noHandel .ivu-table .ivu-table-header table th{ background:#fff;line-height: 40px;color: #333;}
.noHandel .ivu-table .ivu-table-body table tr.ivu-table-row-highlight td,.noHandel  .ivu-table .ivu-table-body table tr.ivu-table-row-highlight:nth-child(2n) td{ background:#108ee8;color:#fff; cursor: pointer}

div#alarmList {position: absolute;bottom:40px;padding: 0 15px;}
div#alarmList li {display: block;position:relative;background: #fff;width: 235px;height: 214px;border-radius: 4px;padding: 10px;float: left;margin-right: 15px;}
div#alarmList li .close {position: absolute;right: 10px;font-size: 18px;top: 3px;}
div#alarmList .title span{cursor: pointer;white-space: nowrap;  /* 首先先需要添加这句话 强制一行*/overflow: hidden;  /* 其次必须有这句话 */
    /* text-overflow: clip;  直接裁剪 */text-overflow: ellipsis;  /* 超出的部分，省略号代替 */}
div#alarmList .ivu-tooltip-popper[x-placement^="right"] .ivu-tooltip-arrow{border-right-color: #fff;}
div#alarmList  .ivu-tooltip-inner {color:#000c17;background-color: #fff }
div#alarmList li .title span:nth-child(2) {margin-top: 10px;width: 35px;margin-right: 10px;font-size: 12px;color: #fff;background: #f1a325;padding: 2px 4px;height: 15px;line-height: 11px;font-weight: inherit;border-radius: 8px;border: none;}
div#alarmList li .bottom {position: absolute;bottom: 10px;left: 7.5%;text-align: left;width: 85%;border-top: 1px solid #f2f2f2;padding-top: 10px;}
div#alarmList li .bottom button{display: inline-block}
div#alarmList li .bottom+.bottom {text-align: center}
div#alarmList li table td{ line-height: 24px;}
div#alarmList li table td:first-child {color: #888;text-align: right;width: 58px;vertical-align: top;white-space: nowrap;}
div#alarmList li .title {margin-top: -10px;font-weight: bold;color: #333;}
.detailpoptitle{color: #333;font-size: 14px; font-weight: bold;margin-top: 10px;margin-bottom: 10px;}
.warnCentericon.chuli{display:inline-block;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/warnCenterIcon.png") 0 center no-repeat;width: 22px; height: 20px;}
.warnCentericon.xiangqing{display:inline-block;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/warnCenterIcon.png") -45px center no-repeat;width: 22px; height: 20px;}
.warnCentericon.zhengju{display:inline-block;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/warnCenterIcon.png") -22px center no-repeat;width: 22px; height: 20px;}
div#liveVideo {height: 226px;line-height: 156px;text-align: center}
div#liveVideo:after{content: '暂无视频'}
#slideMenu li>ul,#slideMenu li>ul>ul{display: none}
#slideMenu {position:fixed;top:60px;z-index:99999;height: calc(100% - 60px );width:240px;float: left;background: #001529;color:#98a6bf;padding-top: 30px;}
#slideMenu a{color:#A6ADB4}
#slideMenu >ul>li{ line-height: 40px; width: 100%; margin-bottom: 20px;font-size: 14px;position: relative}
#slideMenu >ul>li > a{display: block;padding-left: 24px;position: relative}
#slideMenu >ul li.active > a,#slideMenu >ul li.active > a:hover{background: #108ee8;color: #fff}
#slideMenu >ul li.activeline > a,#slideMenu >ul li.activeline > a:hover{color: #fff}
#slideMenu >ul>li > a>i.ivu-icon {float: right;margin-right: 22px;line-height: 45px;}
#slideMenu >ul>li > a>i.iconfont {font-size: 23px;display: inline-block;margin-right: 10px;position: relative;top: -3px}
#slideMenu li.floor2 a{ display: block;padding-left: 38px; color: #A6ADB4;font-size: 14px;position: relative}
#slideMenu li.floor3 a{ display: block;padding-left: 100px; color: #98a6bf;font-size: 14px;position: relative}
div#slideMenu .floor1 >ul{background: #000c17}
#slideMenu .floor1.activeline ul.show{display: block}
.sliderbutton{cursor:pointer;width: 10px;height: 141px;position: absolute;right: -10px;top:50%;margin-top: -70px;background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/neng.png) no-repeat center;line-height: 141px;color: #fff;}
div#slideMenu.off .floor1> a>.ivu-icon, div#slideMenu.off .floor1 >a>span{display: none;}
div#slideMenu.off {width: 80px;}
div#slideMenu.off .floor1 >a{ padding-left: 10px; text-align: center}
div#slideMenu.off .floor1 >ul{display:none!important;position:absolute;width:190px;right:-201px;top: 0px;border-radius: 4px;-moz-box-shadow:2px 2px 10px #000c17; -webkit-box-shadow:2px 2px 10px #000c17; box-shadow:2px 2px 10px #000c17;}
div#slideMenu.off .floor1 >ul:before{content:"";height:100%;width:11px;position:absolute;left:-11px;}
div#slideMenu.off li.floor2 a{padding-left: 10px;position: relative}
div#slideMenu.off li.floor3 a{padding-left: 20px;}
li.sub-item.floor2 >a>i {position: absolute;right:  45px; top:13px;}
div#slideMenu.off  li.sub-item.floor2 >a>i {position: absolute;right:  10px; top:13px;}
div#slideMenu.off .floor1:hover >ul{display: block!important;}
/*去掉菜单折叠起来后悬浮上去的小箭头*/
div#slideMenu.off .floor1 >ul>i {border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:10px solid black;position: absolute;left: -8px;width:5px;height:5px;text-align: right;top:12px;}
.menurightbox {position: fixed;height: calc(100% - 130px);width: 100%;padding-left: 240px;top: 123px;}
.menurightbox iframe{width: 100%;height: 100%}
.breadcrumb {font-family: "黑体";position: fixed;width: 100%;height: 50px;top: 60px;padding-left: 260px;background: #fff;line-height: 50px;font-size: 12px;color: #666;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.08);z-index: 1;}
.breadcrumb span:last-child{color: #333;}
.breadcrumb span{font-family: "Microsoft YaHei"}
#slideMenu li.floor3 a .new{ display:inline-block;background: url("https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/menuNew.png") no-repeat; width: 24px;height: 11px;    margin-left: 4px;position: relative;top: -6px;}

/*报警详情实时视频*/报警附件-视频：
.videoPlayWindow{padding: 10px 0;position: relative;height: 238px;}
.videoPlayWindow .videoPlayBtn{padding: 10px 0;position: absolute;width: 100%;text-align: left;background: rgba(0,0,0,0.5);}
.videoPlayWindow .ivu-poptip-body{max-height:90px;font-size:14px;overflow-y:auto;}
#xuanfubutton .videoPlayWindow .ivu-poptip-popper[x-placement="bottom"] .ivu-poptip-arrow{top:0;border-left-color: transparent;}
#xuanfubutton .videoPlayWindow .ivu-poptip-popper[x-placement="bottom"] .ivu-poptip-arrow::after{border-left-color: transparent;top: 0;left: 0;}
.ivu-table td, .ivu-table th{border-bottom: none}
/*报警趋势统计*/
#alarmTrendTree .ivu-tree-arrow i {font-size: 15px;text-align: center;width: 24px;line-height: 36px;color: #aaa;}
/*首页*/
.indexPieGroup>#pie1,.indexPieGroup>#pie2,.indexPieGroup>#pie3,.indexPieGroup>#pie4,.indexPieGroup>#pie5,.indexPieGroup  div.pieVal {display: inline-block;width: 24.5% !important;height: 200px !important;}
.indexPieGroup div.valGroup{position: absolute;width: 100%;margin-top: 0px; top:0}
.indexPieGroup div.pieVal{text-align: center;line-height: 200px;font-size: 20px;}
.indexPanelTitle {font-size: 14px;font-weight: bold;border-left: 3px solid #108ee8;margin-left: -17px;padding-left: 20px;height: 18px;line-height: 18px;margin-top: 20px;float: left;margin-bottom: 20px;width: 100%}
.indexAlarmNum {padding: 23px;text-align: center;margin-top:36px;border-top: 1px solid #e8e8e8;}
.indexAlarmNum .num{font-size: 24px;font-weight: bold;cursor: pointer;display: inline}
#vehiclePie{width: 100% !important;height: 242px !important;}
#vehiclePie3{width: 100% !important;height: 242px !important;}
#pie1{width: 52% !important;height: 200px !important;}
#pie2{width: 52% !important;height: 200px !important;}
#pie3{width: 52% !important;height: 200px !important;}
#pie5{width: 52% !important;height: 200px !important;margin-left: -17%}
.vehiclePieNumGroup.ivu-row {padding-top:25px;border-top: 1px solid #e8e8e8;line-height: 26px;font-size: 14px;}
.vehiclePieNumGroup.ivu-row .num {font-weight: bold;}
.vehiclePieNumGroup.ivu-row >div {padding: 0 30px;border-left: 1px solid #e8e8e8;white-space: nowrap}
.vehiclePieNumGroup.ivu-row >div:first-child{border: none}
.vehiclePieNumGroup.ivu-row .PieNum2 .num {font-size: 24px;line-height: 35px;padding-top: 11px;}
#indexLineCharts{width: 100% !important;height:500px !important;}
#indexMap{ width: calc(100% - 48px); height: 500px;margin-top:16px;}
.oftenUsed.ivu-row {width: calc(100% + 24px);background: #fff;padding: 15px;margin:-14px 0 24px -12px;}
.oftenUsed ul li{ display: inline-block; margin: 0 10px; line-height: 20px;}
.oftenUsed ul {display: inline-block;border-left: 1px solid #e8e8e8;height: 20px;line-height: 20px;margin-left: 15px;padding-left: 10px;}
.oftenUsed.ivu-row hr {border: 0.5px solid #e8e8e8;position: relative;top: -13px; margin-left: -20px;margin-right: -20px;}
#indexMap .BMap_pop>div:nth-child(8) {display: none;}
#indexMap .BMap_pop div {border: none !important;}
#indexMap .BMap_pop div:nth-child(1) >div{border-top-left-radius: 4px;}
#indexMap .BMap_pop div:nth-child(3) >div{border-top-right-radius: 4px;}
#indexMap .BMap_pop div:nth-child(5) >div{border-bottom-left-radius: 4px;}
#indexMap .BMap_pop div:nth-child(7) >div{border-bottom-right-radius: 4px;}
#indexMap .BMap_pop .BMap_center {border-right: 1px solid #fff!important;overflow: inherit !important;}
#indexMap .BMap_pop {margin-top: 138px;margin-left: 156px;}
#indexMap .BMap_center:after {content: '◆';font-family: "黑体";color: #fff;position: absolute;left: -5px;top: 40%;margin-top: -10px}
#indexMap table td:first-child {color: #666;padding-right: 5px; height: 26px;width:98px;vertical-align: top; line-height: 25px;text-align: right}
.BMap_shadow img{display: none}
.BMap_shadow {background: url(https://yudaoweb.obs.cn-east-2.myhuaweicloud.com/images/shadow.png);width: 284px;height: 208px;margin-left: 168px;margin-top: 14px;}
/*.ivu-select-selection .ivu-select-arrow:nth-of-type(1){display: inline-block}*/
.ivu-tabs .ivu-tabs-tabpane{position: relative;}
/*copy from iview.css start*/
.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.ivu-select-large .ivu-select-item {
    padding: 7px 8px 8px;
    font-size: 12px !important
}
.page-demo-badge .ivu-badge-dot{top: 4px;right: -5px}
/*copy from iview.css end*/
div#indexMapInformation {position: relative;display: inline-block;}
div#indexMapInformation span {
    display: none;
    position: absolute;
    width: 136px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    border-radius: 4px;
    left: -30px;
    top: -26px;
}
div#indexMapInformation span:after {content: '◆';font-family: "黑体";color: #000;position: absolute;left: 32px;top: 22px;margin-top: -10px;opacity: 0.7;font-size: 12px;}
div#indexMapInformation:hover span{display: block}
/*参数下发*/
.parameTerissuedAddType {border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;margin-bottom: 10px;}
.parameTerissuedAddType li {display: inline-block;color: #999;font-size: 14px;font-weight: 700;height: auto;line-height: 72px;text-align: center;margin-right: 14px;border-bottom: 3px solid transparent;padding: 0 5px;}
.parameTerissuedAddType li.on{color: #0099FF;border-bottom: 3px solid #0099FF}
#paramsTerissued td .ivu-input-wrapper + span {padding-left: 6px;}
#paramsTerissued td .ivu-input-number  input{position: relative;top: -2px;}
#paramsTerissued table.table tr td:first-child {text-align: right;padding-right: 50px;}
#paramsTerissued .tabOne td {height: 48px;text-align: left;padding-right: 30px;}
#paramsTerissued .tabOne tr td:first-child{text-align: right;width: 165px;padding-right: 50px;}
#paramsTerissued  .ivu-select.ivu-select-single {text-align: center;}
#paramsTerissued  .ivu-input {border-color: #eee;}
#paramsTerissued  .ivu-input[disabled], fieldset[disabled] .ivu-input {background-color: rgba(0,0,0,0.03);}
#paramsTerissued  .ivu-input-number {background-color:transparent;border-color: #eee;margin-right: 9px;}
#paramsTerissued  .ivu-select-disabled .ivu-select-selection {background-color: rgba(0,0,0,0.03);border-color:#eee}
#paramsTerissued  td{color:#666}
#paramsTerissued table {margin: 0 auto;}
#paramsTerissued .ivu-tabs-bar {padding: 0;border-bottom: 1px solid #f2f2f2;}
#paramsTerissued .ivu-tabs-tab{margin-right: 30px;}
#paramsTerissued .ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused {border-bottom: 4px solid #108ee8;}
#paramsTerissued .ivu-tabs-ink-bar.ivu-tabs-ink-bar-animated {display: none}
.parameTerissuedtop1 .ivu-tabs-bar {background: #fff;padding: 0 20px;border-bottom: 1px solid #e9e9e9;margin: 0 0px 8px;border-radius: 4px;}  .parameTerissuedtop1 .ivu-col-span-18 .ivu-tabs-bar {border-bottom: 1px solid #f2f2f2;}
.parameTerissuedtop1 .ivu-tabs-nav .ivu-tabs-tab {font-size: 14px;padding: 18px 18px;}
table.dsmpiccelue td{padding-right: 30px;line-height: 50px;}
.ivu-steps .ivu-steps-head-inner>.ivu-steps-icon.ivu-icon
._tab-content-div{height: 600px;width: 910px;overflow-x: auto; overflow-y: auto ;padding-top: 8px}
._tab-content-div table{width: 900px;cellspacing:0; cellpadding:0;}
#checkAlarmType tr:first-child{height: 38px;background:rgb(210, 234, 251)}
.paramIssuedDetails .ivu-tabs-bar{border-bottom: 1px solid #f0f0f0;}
.paramIssuedDetails .ivu-tabs-nav .ivu-tabs-tab {font-size: 14px;padding: 30px 0;}
/*轨迹回放start*/
.popVehicle .ivu-poptip-rel{width: 100%}
.trackCalendar {width: 100%;border:1px solid rgba(205,205,205,1);border-radius:4px;}
.trackCalendar .calendar_title {width: 100%;height: 39px;text-align: center;line-height: 39px;font-size: 12px;font-family: MicrosoftYaHei;color: rgba(51,51,51,1);border-bottom:1px solid #ccc}
.trackCalendar .calendar_record {display: inline-block;width: 14%;text-align: center;line-height: 16px;line-height: 30px;margin-bottom: 1px; border-radius: 4px}
.trackCalendar .calendar_record.otherMonth {font-size:12px;font-family:MicrosoftYaHei;color:rgba(153,153,153,1);}
.trackCalendar .sign_row:first-child div {width: 14%;text-align: center;font-size: 12px;font-family:PingFangSC-Medium;font-weight:inherit;color:#666666;line-height: 32px;}
.trackCalendar .sign_row.clearfix div:first-child {margin-left: 1%;}
.calendar_record.hasGps {background: #E6F7FF;color: #666}
.calendar_record.hasGps.on {background: #108EE8;color: #fff}
.calendar_title button {display: inline-block;position: relative;    line-height: 25px;color: rgba(205,205,205,1);}
.calendar_title button:first-child{float: left;}
.calendar_title button:last-child{float: right;}
button.ivu-btn.ivu-btn-text.ivu-btn-small.ivu-picker-confirm-time {float: left;color: #108ee8}
button.ivu-btn.ivu-btn-text.ivu-btn-small.ivu-picker-confirm-time+button {display: none}
div#track-slider .ivu-slider-wrap {height: 8px;margin: 8px 0;position: relative;top: -2px;}
div#track-slider .ivu-slider-bar {height: 8px;}
div#track-slider .ivu-slider-button{margin-top: 2px;}
#track-infowindow td:first-child{text-align: justify}

.videoPlay .sign_row .calendar_record {display: inline-block;width: 14.28%;text-align: center;line-height: 16px;line-height: 27px;margin-bottom: 0; border-radius: 0;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;cursor: pointer;}
.videoPlay .sign_row .calendar_record.haveDate:hover{color: #108EE8}
.videoPlay .sign_row .calendar_record:last-child{border-right:0px}
.videoPlay .sign_cal .sign_row:last-child .calendar_record{border-bottom: 0px}
.dayBox{background-color: #00A854;border-radius: 50%;width: 6px;height: 6px;float: left;margin: 2px !important}
.videoPlay .sign_row.clearfix div:first-child {margin-left: 0;}
.videoPlay .calendar_record.otherMonth {font-size:12px;font-family:MicrosoftYaHei;color:#888888;background-color: #E9E9E9}
.calendar_record.haveDate.on {background-color: #D5E8FC;color:#108EE8}
/*新轨迹回放样式*/
.leftAside .videoPlayControl:nth-child(1){left: -30px;}
.leftAside .alignLeft {text-align: center!important;}
.leftAside .leftAside .ivu-table td {text-align: left;}
.leftAside .videoWrap {width: 264px;height: 40%;position: relative;float: left;}
.leftAside .videoPlayWarp a:nth-child(5){display: none;}
.leftAside .videoWrap .videoPlayControl a {padding: 0 5px;}
.leftAside .videoPlayControl a{font-size: 20px;}
.leftAside .clearfix {clear:both;width: 100%;}
.leftAside .videoPlayControl {width: 252px;}
.leftAside .videoWrap .videoPlayControl {bottom: -73px;width: 249px;}
.leftAside .imgAndVideoUl li{float: left;display: block;padding: 0 5px;width: 33.3333%}
.leftAside .imgAndVideo {width: 100%;}
.leftAside .ivu-modal-header-inner {text-align: center;}
.leftAside .cursor {cursor:pointer;}
.leftAside .infoWidow {margin-top: 20px;}
.leftAside .infoWidow li {display: block;margin-top: 10px;}
.leftAside table {border-collapse: collapse;}
.leftAside .ivu-table-tip table {min-height: inherit}
.leftAside .alarmInfo td {width: 200px;height: 30px;text-align: left;}
.leftAside .alarmInfo td:nth-child(odd) {width: 125px;text-align: right;color: #666}
.leftAside .alarmInfo td:nth-child(even) {padding-left: 5px;color: #333}
.leftAside .alarmInfo th {text-align: left;margin-bottom: 10px;display: block;}
.leftAside .leftAside {margin-top: 20px;display: block;width: 100%;}
.leftAside .filtrLeft {margin-left: 10px;}
.leftAside .filtrText {margin-top: 5px;display: block;margin-left: 10px;}
.leftAside .asideTop {margin-bottom: 16px}
.leftAside .header {background-color: #F0F0F0;height: 35px;}
.leftAside .text {display: block;margin-top: 10px;}
.leftAside .text1 {margin-left: 10px;}
.leftAside .text2 {margin-left: 100px;}
.leftAside .text3 {margin-left: 100px;}
.leftAside .ivu-card-bordered {border: 0px red solid;}
.leftAside .sort_one {position: absolute;left: 190px;top: 5px;cursor:pointer;}
.leftAside .sort_two {position: absolute;left: 190px;top: 15px;cursor:pointer;}
.leftAside .sort_three {position: absolute;left: 335px;top: 5px;cursor:pointer;}
.leftAside .sort_four {position: absolute;left: 335px;top: 15px;cursor:pointer;}
.leftAside .textCopy1 {margin-left: 125px;}
.leftAside .textCopy2 {margin-left: 40px;}
.leftAside .textCopy3 {margin-left: 45px;}
.leftAside .eventPointsTop {left: 215px;}
.leftAside .eventPointsBottom {left: 215px;}
.leftAside .marl100 {margin-left: 100px;}
.leftAside .active {color:#1890FF}
.leftAside .ivu-card-body{cursor:pointer;height: 20px;padding: 0px;}
.leftAside .ivu-card-body:hover{background-color: cornflowerblue;}
.leftAside .asideBottom {position: relative;}
/*.leftAside .ivu-table-cell {padding: 5px }*/
/*轨迹回放弹出层样式*/
.leftAside .imgBox img {height: 160px;width: 100%;background-color: rgb(240, 240, 240);}
.leftAside  .imgAndVideo .alarmEvidenceWap .videoBox {width: 33.333%;}
.imgAndVideoUl {margin-bottom: 10px;}
.leftAside .videoPlayControl {width: 100%;}
.leftAside .alarmEvidenceWap .modalBody{padding: 0px;}
.leftAside .imgAndVideoUl {margin-top: 10px;}
.leftAside .ivu-modal {width: 930px;top: 20px;left: 0px;margin: 0;float: right;}
.leftAside .ivu-modal-mask {background-color: rgba(55,55,55,0);}
.leftAside .ivu-tabs-nav .ivu-tabs-tab{padding: 10px 16px;}
/*.leftAside table{border:1px solid #F1F1F1}*/
/*.leftAside .ivu-table th{background: rgb(210,234,251);height: 40px;font-size: 14px;font-weight: normal;}*/
/*.leftAside .ivu-table-tip table {min-height: 400px;border:none;}*/
.leftAside .tracingPoint .ivu-table-header thead tr th{padding:0px;}

#maplegend{background: #fff;width: 100px;height: 96px;position: absolute;border-radius: 5px;bottom: 104px;right: 40px;font-size: 14px;line-height: 32px;color: #666;}
#ranging{background: #fff;cursor:pointer;width: 60px;position: absolute;border-radius: 5px; right: 22px;font-size: 14px;line-height: 32px;color: #666;top: 70px;}
div#maplegend .color {display: inline-block;width: 16px;height: 4px;position: relative;top: -3px;margin-left: 11px;}
.pointBox{position: absolute;width: calc(100% - 30px);background: #fff;z-index: 999;margin: 0 15px;border-radius: 11px;padding: 16px;padding-top: 0px}
.pointBox .contentBox{overflow-y: scroll;}

/*.leftAside .ivu-tabs-bar{margin-top: -16px}*/
/*轨迹回放样式*/
/*.stop .ivu-table-column-left:nth-child(2) {padding-left: 15px;}*/
/*.leftAside  tr:nth-child(even) td {background-color:#FAFAFA;}*/
.leftAside .ivu-table  .ivu-table-row-hover td {background-color:rgb(236, 246, 253);color:#108ee8;cursor: pointer}
.leftAside .ivu-table th {background: #fff;color: #666}
.leftAside .ivu-scroll-loader{height: 0px;}
.leftAside .ivu-table-header table{border-bottom: 1px solid #F0F0F0}
.leftAside .ivu-table td{border-bottom: 1px solid #F0F0F0}
.ivu-table-body {border-bottom: 1px solid #DDDDDD;}
.leftAside table {margin-bottom: 0px;}
/*.leftAside .gpsTime {padding-left: 40px;text-align: left;}*/
/*.leftAside .happenTime {padding-left: 20px;}*/
.leftAside .ivu-tabs-bar{padding-left: 24px;border-bottom: 1px solid rgb(240, 242, 245)}
.leftAside .ivu-tabs-content{margin-left:18px;margin-right:18px;}
  /*轨迹回放百度地图infowindow层样式*/
.twocolumn  #map .BMap_pop {background-color: #fff;color: #fff;margin-left: 94px; }
.twocolumn  #map .BMap_pop>div:nth-child(8) {display: none;}
.twocolumn  #map .BMap_pop div {border: none !important;background-color: #fff;color: rgba(0,0,0,0.8)}
.twocolumn  #map .BMap_pop div:nth-child(1) >div{border-top-left-radius: 4px;background: none!important;}
.twocolumn  #map .BMap_pop div:nth-child(3) >div{border-top-right-radius: 4px;background: none!important;}
.twocolumn  #map .BMap_pop div:nth-child(5) >div{border-bottom-left-radius: 4px;background: none!important;}
.twocolumn  #map .BMap_pop div:nth-child(7) >div{border-bottom-right-radius: 4px;background: none!important;}
.twocolumn  #map .BMap_pop div:nth-child(1){border-top-left-radius: 4px;}
.twocolumn  #map .BMap_pop div:nth-child(3){border-top-right-radius: 4px;}
.twocolumn  #map .BMap_pop div:nth-child(5){border-bottom-left-radius: 4px;}
.twocolumn  #map .BMap_pop div:nth-child(7){border-bottom-right-radius: 4px;}
.twocolumn  #map .BMap_bubble_content {background: none !important;}
.twocolumn  #map .BMap_pop div:nth-child(9) {background: none!important;}
.twocolumn  #map .BMap_pop .BMap_center {border-right: 2px solid  #fff!important;overflow: inherit !important;}
.twocolumn  #map .BMap_pop .BMap_bottom {border-bottom: 1px solid  #fff !important;}
.twocolumn  #map .BMap_center:after {content: '◆';font-family: "黑体";font-size: 20px;color: #fff;position: absolute;bottom: -40px;left: 11px;}
.twocolumn  #map table td:first-child {padding-right: 5px; height: 26px;width:80px;vertical-align: top; line-height: 25px;text-align: right}
.twocolumn .BMap_shadow {display: none;}
/*矫正不居中*/
.inputNumberh .ivu-input-number-input{top: -3px;position: relative;}

/*报表系列标题头*/
.panelTitle {margin: -20px -20px 24px -20px;background: #FFF;line-height: 43px;padding: 0 24px;font-size: 14px;font-weight: bold;}
.panelTitleUnderLine {margin: 10px -20px 0px 20px;line-height: 43px;padding: 0 24px;font-size: 14px;font-weight: bold;}
/*多车监控*/
.checkVideoTitle{width:100%;height:56px;background:rgba(255,255,255,1);border-radius:4px;}
.checkVideoTitle > span{width:32px;height:24px;font-size:16px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height:53px;padding-left: 24px}
.checkVideo{width:100%;height:606px;background:rgba(255,255,255,1);box-shadow:0px 2px 10px 0px rgba(153,153,153,0.2);border-radius:4px;margin-top: 20px}
.ivu-btn-check{ display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap; /* line-height: 1.5; */-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 6px 15px;border-radius: 4px 0 0 4px;color: #495060;background-color: #f7f7f7;border-color: #dddee1;}
.ivu-btn-sec{ display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 0px solid transparent;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0;color: #495060;background-color: #f7f7f700;border-color: #dddee1;}
.monitorDetailTitle{width:64px;height:24px;font-size:16px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height:24px;padding-left: 25px}
.checkVideoTitle .details .detailFont{height:22px;font-size:14px;font-family:MicrosoftYaHei;color:rgba(102,102,102,1);line-height:22px}
.checkVideo .videovehicleInfo{width: 25%;padding-top: 12px;display: inline-block}
.detailInfoFont{font-size:14px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height:11px;}
.select-channel .ivu-select-dropdown{z-index: 9999;}

/*第三方监测指标明细*/
.tab-theid-detaul .ivu-tabs-nav { width: 70%}
.tab-theid-detaul .ivu-tabs-nav .ivu-tabs-tab{ text-align: center;line-height: 37px; font-size: 16px}
.tab-theid-detaul .ivu-tabpane{ height: 700px }
.ivu-tabpane-sum .r10f20{width: 100%;height: 110px}
.ivu-tabpane-sum hr{width:100%;height:1px;border:0;background:rgba(240,240,240,1);}
.summarytitle{font-size:14px;font-family:MicrosoftYaHei;color:rgba(153,153,153,1);line-height:18px;height: 18px;position: relative;top: 16px}
.summary{width: 100%}
.summary .line10 {width: 20%;height:45px;float: left;margin-top:21px}
.summary .line20 {width: 20%;height:45px;float: left;margin-top:17px}
.summary .line10 :nth-child(1){height:27px;font-size:18px;font-family:MicrosoftYaHei-Bold;font-weight:bold;color:rgba(16,142,232,1);line-height:27px;}
.summary .line10 :nth-child(2){width:135px;height:18px;font-size:12px;font-family:MicrosoftYaHei;color:rgba(102,102,102,1);line-height:18px;}
.summary .line20 :nth-child(1){font-size:18px;font-family:MicrosoftYaHei-Bold;font-weight:bold;color:rgba(51,51,51,1);line-height:27px; }
.summary .line20 :nth-child(2){width:135px;height:18px;font-size:12px;font-family:MicrosoftYaHei;color:rgba(102,102,102,1);line-height:18px;}

/*报警详情阴影隐藏*/
.policeDetails .BMap_shadow {display:none;}

/*.treePop{ display: inline-block;position: relative}
.treePop .titlebar{border:1px solid #cdcdcd;border-radius:4px;height: 30px;color: #333; line-height: 26px;padding: 0 10px;}
.treePop .simulationBtn{display:inline-block;background:rgba(230,230,230,1);border-radius:2px;line-height: 20px;padding: 0 7px; color: #333; position: relative;top: 3px;}
.treePop .simulationBtn button{padding: 0;margin-top: -6px;background: none; color: #999999}*/

/*菜单被选中显示背景为蓝色*/
#slideMenu >ul li > a.active, #slideMenu >ul li > a.active:hover {background: #108ee8;color: #fff;}
.scroolClass{height: 100%;overflow: auto; }
.scroolClass::-webkit-scrollbar{display: none; width: 8px;height: 8px;background-color: transparent; }
#slideMenu .floor1 >a:hover{color: #fff }
#slideMenu .floor2 >a:hover{color: #fff }
/*轨迹回放气泡样式撑开问题*/
/*#track-infowindow td {width:130px;word-wrap:break-word; }*/
.v-transfer-dom .ivu-icon-ios-help-circle {display: none}
.v-transfer-dom .ivu-modal-confirm-head-title{margin-left: 0px}

.vehiclePower .treeWrapper{height: 325px;overflow: scroll;}
.vehiclePower .contentbox{border: 1px solid #f0f0f0;height:425px; margin-top: 20px;}
.vehiclePower .contentbox .title{font-size: 16px;font-weight: bold;padding-left: 10px;padding-top: 12px;border: none;}

/*版本更新*/
.vesionShow{margin-top: 14px;border-bottom:1px solid #f0f0f0}
.vesionShow .vsTitle{width:500px;height:65px;font-size:14px;font-family:MicrosoftYaHei-Bold;font-weight:bold;color:rgba(51,51,51,1);line-height:65px;}
.vesionShow .vsTime{width:95%;font-size:12px;font-family:MicrosoftYaHei;color:rgba(153,153,153,1);line-height:16px;-webkit-background-clip:text;margin-bottom: 22px}
.vesionShow .vsContent{font-size:14px;margin-bottom:10px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height:25px;letter-spacing:2px;}
.tzContent {background: #fff;width: calc( 100% - 353px);bottom: 9px;border-radius: 2px 2px 2px 2px;right: 8px;box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.08);}
.tzContent2 {cursor:pointer;height:12px;background: url('../images/ztTable.png') no-repeat center bottom;width: 122px;top: -12px;right: 50%;margin-right:-61px;padding: 0 20px;text-align: center;z-index: 3}
.tzContent3 {cursor:pointer;height:12px;background: url('../images/ztTable.png') no-repeat center bottom;width: 122px;top: -12px;right: 50%;margin-right:-61px;padding: 0 20px;text-align: center;z-index: 3}
.tzTable .ivu-table-header{border:1px solid #f3f3f3;}
.tzTable .ivu-table-body{border:1px solid #f3f3f3;}
.tzTable .ivu-table-body .ivu-table-column-center{width:48px;height:12px;font-size:7px;font-family:MicrosoftYaHeiUI;color:rgba(51,51,51,1);line-height:26px;border-bottom:1px dashed #f3f3f3;}
.tzTable .ivu-table-tip span{line-height: 0px;}
.tzTable .ivu-table th{height:26px;}
.tzTable .ivu-table th{width: 58px;height: 26px;font-size: 14px;font-family: MicrosoftYaHei-Bold;color: rgba(51,51,51,1);line-height: 12px;background: #fff;}
.tzTitle{width:103px;height:11px;font-size:12px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);line-height:26px;padding-left: 24px}
.sliderButtonTz{cursor:pointer;width: 10px;height: 141px;position: absolute;right: -10px;top:30%;margin-top: -70px;line-height: 141px;color: #fff;}
.realTimeMonitorWap .alarmsNum{height:62px;}
.secToDay2{color: #108ee8}
.secToDay2 unit{color: #666}
#mapguojian{background: #fff;width: 450px;position: absolute;border-radius: 5px; right: 110px;font-size: 14px;line-height: 32px;color: #666;top: 13px;}
#mapguojian .row{float: left;margin-left: 5px}
.alarmTreeWap .ivu-tree li ul{padding:0 0 0 6px;}

.trackReviewIcone {margin-left: 49.8%;background: url('../images/ztTable.png') no-repeat center bottom ;width: 122px;text-align: center; z-index:99;position: relative}
.trackReviewIcone2 {margin: 0 auto;background: url('../images/ztTable.png') no-repeat center bottom;width: 122px;text-align: center}
.trackReviewTable{height: 43px;margin-bottom: 0px;border-top: 1px solid rgb(240, 242, 245);}
.trackReviewMap{padding:5px;height: 60%;margin-bottom: -5px}
.driverLoginModal .tit{width: 85px;height: 14px;margin:20px 0px 10px 5px;line-height: 13px;font-weight: 700;border-left: 4px solid #2648D6;padding-left: 8px}
.driverLoginModal .s1{text-align: right;width: 35%;display: inline-block;font-size:14px;font-family:MicrosoftYaHei;color:rgba(119,119,119,1);}
.driverLoginModal .s2{width: 65%;font-size:14px;font-family:MicrosoftYaHei;color:rgba(119,119,119,1)}
/*轨迹回放页面列表页码样式重置*/
#divTable .ivu-tabs-bar{margin-bottom: 0px;}
#divTable .pageWap .ivu-page{height:28px;}
#divTable .pageWap .ivu-page span{height:28px;}
#divTable .pageWap .ivu-page li{height:28px;}
#divTable .pageWap{margin: 8px 0;}
#divTable .pageWap .ivu-select-single .ivu-select-selection{height:28px;}
#divTable .pageWap .ivu-select-single .ivu-select-selection .ivu-select-selected-value{height:28px;}


a#alarmLevel{color:#999;font-size: 14px;cursor: pointer}
a#alarmLevel .ivu-icon{font-size: 20px;position: relative;top: -2px;color: #CCCCCC}
a#alarmLevel:hover,a#alarmLevel:hover .ivu-icon{color:#108ee8}

a#vehicleStatus .iconfont{color: #999999;font-size: 14px;cursor: pointer}
a#vehicleStatus .iconfont::before{margin-right: 3px;}
a#vehicleStatus:hover,a#vehicleStatus:hover .iconfont{color:#108ee8}

.menurightboxLower{top:60px;height: calc(100% - 60px)}
.menurightboxHigher{top:110px;height: calc(100% - 110px)}

.fixScreen{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 9999}
.fixScreen .picBox{position: absolute;top:50%;left: 50%;width: 640px;height: 480px;margin-left: -320px;margin-top: -240px;}
.fixScreen .leftArrow,.fixScreen .rightArrow{font-size: 32px;width: 48px;height: 48px;text-align: center;line-height: 48px;position: absolute;top: 50%;margin-top: -24px;color: #fff;opacity: 0.5;border:1px solid transparent;cursor: pointer}
.fixScreen .leftArrow{left: -60px}
.fixScreen .rightArrow{right: -60px}
.fixScreen .leftArrow:hover,.fixScreen .rightArrow:hover{border-radius: 50%;border:1px solid #fff;background: rgba(255,255,255,0.25)}
.fixScreen .leftArrow i,.fixScreen .rightArrow i{position: relative;top: -2px;left: -2px;}
.fixScreen .rightArrow i{left:2px}
.fixScreen .progress {position: absolute;background: #000;color: #fff;width: 88px;height: 32px;border-radius: 16px;text-align: center;line-height: 32px;font-size: 14px;bottom: -64px;left: 50%;margin-left: -44px;}
.fixScreen .picgroup {height: 100%;overflow: hidden;}
.fixScreen .picgroup ul li{float: left;height: 100%;width: 640px;text-align:center;position: relative}
.fixScreen .picgroup ul li img {max-width: 100%;max-height: 100%;margin: auto;display: block;position: absolute;width: auto;height: auto;top: 0;bottom: 0;left: 0;right: 0;}
.fixScreen .rightArrow .ivu-icon-ios-arrow-forward:hover {color: #fff}
.fixScreen .leftArrow .ivu-icon-ios-arrow-back:hover {color: #fff}

.newAlarmType .msg{line-height: 22px;margin-bottom: 16px;font-size: 14px;width: 100%;white-space: nowrap}
.newAlarmType .msgs{line-height: 34px;font-size: 14px;width: 100%;white-space: nowrap}
.newAlarmType .msg .ivu-icon:hover{color: #108ee8;cursor: pointer}
.newAlarmType .msg:last-child{margin-bottom: 0}
.newAlarmType .msgBox{position: relative;top: -4px;width: 100%}
.newAlarmType .photo{width: 60px;height: 80px;border-radius: 4px;background-color: #F0F0F0;vertical-align: top;text-align: center;line-height: 80px;color: #BFBFBF;background-size: cover}
.newAlarmType .fileslist {display: block;margin: 0 -8px;}
.newAlarmType .fileslist li{position:relative;display:inline-block;width:calc(33.3% - 18px);padding-bottom: calc(25% - 12px);height:0;background:#F0F0F0;border-radius:4px;margin: 0 8px; overflow: hidden}
.newAlarmType .fileslist li img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.newAlarmType .videoPlayControl a{display: inline-block;text-align: center;line-height: 40px;color: #fff;font-size: 20px;padding: 0 6px;}
.newAlarmType .ivu-slider-button {position: relative;top: 4px;}
.newAlarmType .videoPlayContent .onError{color:#666;padding: 0 3px;}
.newAlarmType .takePhoto .fileslist li{ height: 229px;background: none}
.newAlarmType .takePhoto .fileslist li .showBox {position:relative;display:inline-block;width:275px;height:207px;background:#F0F0F0;border-radius:4px; overflow: hidden}
.newAlarmType .fileslist .img-container{}
.newAlarmType .fileslist .img-cover{display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.6);cursor: pointer}
.newAlarmType .fileslist .img-cover .txt{position: absolute;text-align: center;top: 50%;left: 0;right: 0;font-size:14px;margin-top: -7px;color: #FFFFFF;}
.newAlarmType .fileslist .img-container:hover .img-cover{display: block;}

.nofile {text-align: center;color: #666666;position: absolute;width: 100%;top: 50%;margin-top: -33px;}
.nofile .iconfont{margin-bottom: 8px;font-size: 25px;}


.rightText span{width:151px;height:22px;font-size:14px;color:rgba(102,102,102,1);line-height:22px;}
.rightText span:last-child {color: #333;}
.showBigPic {display:inline-block;width: 150px;height: 112px;background:#F0F0F0;border-radius: 4px;overflow: hidden;}
.showBigPic .boxhover{width:150px;height:112px;position:absolute;top:0;left:0;background:rgba(0,0,0,1);display: none;opacity:0.6;font-size:14px;}
.showBigPic:hover .boxhover{display: block;}
.showBigPic .clickHover{color:rgba(255,255,255,1);position:absolute;top:40%;left:21%;cursor: pointer}
/*报警处理*/
.handleAlarms .ivu-modal-body{max-height: 454px}
.handleAlarms .alarmStyle{line-height: 25px}
.handleAlarms .alarmStyles{background-color: #F6FFED;border: 1px solid #B7EB8F;height: 32px;padding: 7px;border-radius: 4px}
.handleAlarms .alarmStyle .alarmStyleTitle{color: #666666}
.handleAlarms .hansleAlarmLeven{border: 1px solid #FFBB96;border-radius: 4px;background-color: #FFF2E8;padding: 3px 10px;color: #FA541C;}
.showBigPic .nofile .iconfont{margin-top:4px;margin-bottom: 0px;font-size: 25px;}
.carInfortionText span{color: #333333;}


.hovericon{color: #ccc}
.hovericon:hover{color: #108ee8}

.fixScreen i.ivu-icon.ivu-icon-md-close {color: #fff;opacity: 0.8;}
.fixScreen i.ivu-icon.ivu-icon-md-close:hover {color: #fff;opacity: 1;}


.handleAlarms .ivu-checkbox-group-item{width: 60px}
.alarmPop .ivu-tooltip-popper{margin-top: -14px}
/*视频回放组件*/
.videoPalckBackPop{z-index: 9999}
.videoPalckBackPop .ivu-poptip-arrow{display: none}
.videoPalckBackPop .ivu-poptip-inner{background-color: rgba(0,0,0,0.65);color: #fff;border-radius: 0px}
.videoPalckBackPop .ivu-poptip-content{padding-top: 0px}
.videoPalckBackPop{padding-top: 0px !important;min-width: 68px !important;left: 0px !important;text-align: center}
/*重置滚动条样式*/
/*.videoPalckBackPop ::-webkit-scrollbar-track {background-color:#333333 ;}*/
/*.videoPalckBackPop ::-webkit-scrollbar {width:8px;height: 8px;background-color: transparent; }*/
/*.videoPalckBackPop ::-webkit-scrollbar:hover {width: 8px;height: 8px;background-color: #333333; }*/
/*.videoPalckBackPop ::-webkit-scrollbar-thumb {width:60%;border:1px solid #000000;background-color: #000000;}*/
 .slide-fade-enter-active {
  transition: all .5s ease;
}
.slide-fade-leave-active {
  transition: all .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
  /* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateX(420px);
  /*opacity: 0;*/
}

/*地图marker点击弹窗infoBox自定义样式*/
.infoBoxContent{border-radius: 4px;padding:20px 10px 10px 10px;background:rgba(255,255,255,1);box-shadow:8px 8px 16px 0px rgba(153,153,153,0.6);}
.infoBoxContent button{border: none;color: #333333;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;border-radius:4px;padding: 2px 8px;float: right;border:1px solid rgba(204,204,204,1);}
.infoBoxContent h3{color: #333333;}
.infoBoxContent p{color:#333333;}
.infoBoxContent .p1{border-top: 1px solid hsla(0, 0%, 0%, 0.15);color: rgba(0, 0, 0, 0.85);font-size: 16px;}
.infoBoxContent .p2{color: rgba(0, 0, 0, 0.65);font-size: 14px;word-break: break-all;white-space: pre-wrap !important;}
.infoBoxContent .iconMapB{position: absolute;top: 4px;left: 155px;font-size: 12px;cursor: pointer}
.infoBoxContent:before {content: '';width: 0;height: 0;border: 10px solid transparent;border-top-color: #FFFFFF;position: absolute;left: 50%;top: 100%;margin-left: -10px;}
.infoBoxContent:after {display:block;clear:both;content:"";visibility:hidden;height:0}

/*图片上传*/
.demo-upload-list{display: inline-block;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid transparent;border-radius: 4px;overflow: hidden;background: #fff;position: relative;box-shadow: 0 1px 1px rgba(0,0,0,.2);margin-right: 4px;}
.demo-upload-list img{width: 100%;height: 100%;}
.demo-upload-list-cover{display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.6);}
.demo-upload-list:hover .demo-upload-list-cover{display: block;}
.demo-upload-list-cover i{color: #fff;font-size: 20px;cursor: pointer;margin: 0 2px;}
.upload-img-com .ivu-upload .ivu-upload{height: 100% !important;}
.upload-img-com .demo-upload-list{height: 100%;}
.abnormalCs .abnormalIcon{display: inline-block;border: 1px solid;border-radius: 50%;width: 24px;height: 24px;text-align: center;}
.abnormalCs .abnormalCard{border-left: 1px dashed #8E8E8E;padding-left: 33px;margin-left: 11px;margin-top: 4px;}
.drive-inf-fnt div span{width: 24%;display: inline-block;margin: 10px 0px 0px 0px}
.abnormalCard .fileslist li{position:relative;display:inline-block;width:100px;padding-bottom:12px;height:100px;background:#F0F0F0;border-radius:4px;margin: 0 8px; overflow: hidden}

/* 时间控件-周 */
.weekPicker .calendar_record{float:left;width:14.28%;text-align:center;line-height:30px;}
.weekPicker .calendar_title{width: 100%;height: 39px;text-align: center;line-height: 39px;font-size: 12px;font-family:"Microsoft YaHei";color: rgba(51,51,51,1);border-bottom: 1px solid rgba(240,240,240,1);}
.weekPicker .sign_row:first-child div{width: 14.28%;text-align: center;font-size: 12px;font-family:"PingFangSC-Medium";font-weight: 700;color: rgba(51,51,51,1);line-height: 32px;}
.weekPicker .calendar_title button{display: inline-block;position: relative;line-height: 26px;color: rgba(205,205,205,1);}
.weekPicker .calendar_title button:last-child{float:right;height:38px;}
.weekPicker .calendar_title button:first-child{float:left;height:38px;}
.weekPicker .sign_row{border: 1px solid #fff;}
.weekPicker .calendar_record.otherMonth{color: #ccc;}
.weekPicker .calendar_record{border: 1px solid #fff;}
.weekPicker .calendar_record:hover{border: 1px solid #108ee8;border-radius: 4px;cursor:pointer;}
.weekPicker .calendar_record.active{background:#2059ef;border-radius:4px;color:#fff;}

/*驾驶员考核分析*/
.formaterBox{display: inline-block;width:8px;height:8px;border-radius:2px;background:rgba(76,169,232,1);}
.formaterBox2{display: inline-block;width:8px;height:8px;border-radius:2px;background:#B2DE86;}

@media screen and (min-height: 800px) {
  .header{height: 56px;line-height: 56px}
}
/*驾驶员考试培训*/
.titleType{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);border-radius: 4px;}
.titleText{color: rgba(0, 0, 0, 0.45);}
.textResponse{color: rgba(0, 0, 0, 0.65);}
.scoreText{color: #108EE8;}
.textTitle{width:50px;height:27px;background: #DFE6F9;text-align: center;line-height: 27px;}
.textInfo{color: rgba(46, 57, 69, 0.5);}
.examTitle .ivu-input{background-color: #F6F7FA;border:none;}
.addChose{height:40px;background: #DFE6F9;text-align: center;line-height: 40px;}
.eveScore{width: 59px;height: 21px;background: #E0E0E0;border-radius: 1px;vertical-align: middle;}
.typeHover:hover{background:#E6E8F0;}
.typeHoverActive{background:#E6E8F0;}

.typeHover .hoverIcon {display:none;}
.typeHover:hover .hoverIcon {display:inline-block;}


/* 课程查询 */
.btnSplit:after {position: absolute; width: 1px;height: 12px; background: #d8d8d8; top: 1px; right: 0; content: "";}

/* 课程分析 */
.analysisCourse .inductionTraining {color: #000;line-height: 30px;}
.analysisCourse .inductionTraining span {width: 136px;padding-left: 52px;
color: rgba(0, 0, 0, 0.45);}


/* 编辑课程 */
.editCourse {width: 680px;margin-top: 81px;color: #595959;}
.editCourse .save {margin-left: 70px;}
.editCourse .caption {display: inline-block;line-height: 30px;}

.courseClassifyList {border-radius: 4px;line-height: 40px;}
.courseClassifyList.active, .courseClassifyList:hover {background: #E6E8F0;}

.uploadFiles .ivu-tooltip-rel{vertical-align: middle;}


/*驾驶员考试分析--学员信息*/
.studentInfo .basicInfo{
  padding: 34px 52px 45px 52px;
}
.studentInfo .basicInfo .infos{
  margin-right: 250px;
}
.studentInfo .basicInfo .infoTitle{
  width: 71px;
  color: rgba(0, 0, 0, 0.45);
}
.studentInfo .ivu-tabs-nav .ivu-tabs-tab{
  padding: 19px 8px 17px 8px;
}
/*驾驶员考试分析--成绩分析--题目内容*/
.topicModal .modal-header span {
  font-size: 16px;
  font-weight: 500;
}
.topicModal .modal-body{
  padding: 0 44px;
}
.topicModal .modal-body .topicTitle{
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-bottom: 13px;
}
.topicModal .modal-body ul{
  margin-bottom: 16px;
}
.topicModal .modal-body ul li,.topicModal .modal-body .answer span:last-child,.topicModal .modal-body .analysis span:last-child{
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
  line-height: 32px;
}
.topicModal .modal-body .topicBlue{
  color: rgba(16, 142, 232, 1);
}
.topicModal .modal-body .topicRed{
  color: rgba(218, 1, 17, 1);
}
.topicModal .modal-body .answer span:first-child,.topicModal .modal-body .analysis span:first-child{
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
/*驾驶员考试分析--学员信息--考试成绩详情*/
.scoresInfo .basicInfo{
  padding: 34px 52px 45px 52px;
}
.scoresInfo .basicInfo .infos{
  margin-right: 250px;
}
.scoresInfo .basicInfo .infoTitle{
  width: 75px;
  color: rgba(0, 0, 0, 0.45);
}
.scoresInfo .basicInfo .infos p span:last-child{
  color: #000;
}
.scoresInfo .method{
  padding: 19px 0 16px;
}
.scoresInfo .TestTopic{
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E9E9E9;
}
.scoresInfo .single, .scoresInfo .many{
  margin-bottom: 32px;
}
.scoresInfo .TestTopic .topicTitle{
  height: 48px;
  line-height: 48px;
  background: #F6F7FA;
  border-radius: 4px 4px 0px 0px;
}
.scoresInfo .TestTopic .topicTitle span{
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  margin-left: 28px;
  font-size: 16px;
}
.scoresInfo .TestTopic .topicContent{
  padding: 24px 33px 0px;
}
.scoresInfo .TestTopic .topicContent .topicMod{
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 20px;
  margin-bottom: 33px;
}
.scoresInfo .TestTopic .topicContent .topicMod:last-child{
  border-bottom: none;
  margin-bottom: 0;
}
.scoresInfo .TestTopic .topicContent .topicMod .topicQuest{
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-bottom: 13px;
}
.scoresInfo .TestTopic .topicContent .topicMod ul li,.scoresInfo .TestTopic .topicContent .topicMod p:not(.topicQuest){
  padding-left: 28px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 32px;
}
.scoresInfo .TestTopic .topicContent .topicMod ul .topicBlue{
  color: rgba(16, 142, 232, 1);
}
.scoresInfo .TestTopic .topicContent .topicMod ul .topicRed{
  color: rgba(218, 1, 17, 1);
}

/*驾驶员绩效统计分析*/
.driverChart{background: #FFFFFF;padding:36px 128px;}
.analysisHeader{font-size:24px;height:82px;line-height:82px;background-color: #E5F4FF;text-align: center;}
.mrTable{margin-right:30px;}
.mlTable{margin-left:30px;}
.beforeTitle{display: inline-block;width:4px;height:15px;background-color: #5FAEE3;margin-right:8px;}
.analysisTitle{font-weight:bold;font-size: 16px;color: rgba(0, 0, 0, 0.65);}
.numberAlarm{font-size: 24px;font-weight: bold;}
.avgRisknum{background: #F0F2F5;border-radius: 2px;}
.driverTitle{height:40px;background: #ECF6FD;line-height: 40px;margin-left:24px}
.driverTitle span{font-weight: bold}
.printRule{display: none;}
.printRuleName{display: none}
.printTime{display: none;}
.printRuleMonth{display: none}

.new-alarm-video-wrap .videoPlayContent video{
  /* height: 215px !important; */
}
/* 监控中心-多车播放样式 */
.cars-play-control{
  position: relative;
}
.cars-play-seeting{
  position: absolute;
  top:52px;
  left:50%;
  margin-left: -172px;
  width: 344px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(204, 204, 204, 0.6);
  z-index: 99999999 !important;
}
.cars-play-seeting-top{
  padding:16px 16px 0px;
}
.cars-play-title{
  font-size: 14px;
  color: #333333;
  margin-bottom: 12px;
}
.cars-play-martop20{
  margin-top: 20px;
}
.cars-play-marrig16{
  margin-right: 16px;
}
.cars-play-radio{

}
.cars-play-checkbox{
  font-size: 14px;
  color: #000000;

}
.cars-play-checkbox label{
  display: inline-block;
  width: 78px;
  margin-bottom: 6px;
}
.cars-play-btns{
  margin-top:15px;
  border-top: 1px solid #EEEEEE;
  padding:16px 16px 16px 0px;
  text-align: right;
}
.video-container{
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}
.video-box-body{
  float: none;
  overflow: hidden;
  position: absolute;
  border: 2px solid #fff;
}
.video-osd-text{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 300px;
  height: 20px;
  font-family: "MicrosoftYaHei";
  font-size: 12px;
  color: rgb(0, 255, 0);
}
.video-kbps-text{
  position: absolute;
    right: 5px;
    top: 5px;
    height: 20px;
    font-family: "MicrosoftYaHei";
    font-size: 12px;
    color: #00FF00;
}


/* 报警分享 */
.alarmShareModal .alarmInfoItem .label{
  width: 70px;
  text-align: right;
  vertical-align: top;
}
.alarmShareModal .alarmInfoItem .detail{
  width: calc(100% - 75px);
  word-break: break-all;
}


/* 第三方链路配置 */
.upperPlatformModal .modal-body li{
  display: flex;
  line-height: 30px;
}
.upperPlatformModal .modal-body li .labels{
  display: inline-block;
  text-align: right;
  width: 180px;
  color:#999;
}
.upperPlatformModal .modal-body li .detail{
  width: calc(100% - 180px);
}