/*main*/
.main,.main_box,.iframe,.gd_map,.elec_cthbx,.cricle_bx{ width: 100%; height: 100%;}
.main{ padding: 95px 40px 20px 40px;}
/* .main{ background-image: url("../images/bg_pic.png"); background-size: cover; background-position: center} */
/* all-data */
.all_top{height:19.18%;}
.all_top .alltop_tianchong{height:33px;}
.all_top .alltop_cen{height: 60.97%;display: -webkit-flex;display: flex;justify-content:space-between;}
.all_top .alltop{height: 100%;}
.alltop_tu{width:19.45%;margin-left:3px;background: url(../images/titlebj.png) no-repeat;background-size:contain; }
.alltop_tu p{font-size:18px;font-family:PingFangSC-Semibold;font-weight:600;color:rgba(255,255,255,1);margin-top:40px;margin-left:119px;}
.alltop_num{width: 50%;}

.flex{display: -webkit-flex;display: flex;}
.total{font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(255,255,255,1);line-height:16px;margin:12px 0 27px 0; }
.total_num{font-size:60px;font-family:Impact;font-weight:400;color:rgba(0,204,255,1);line-height: 49px;margin-right:10px;}
.alltop .Last_month p{font-size:14px;font-family:STHeitiSC-Light;font-weight:300;color:rgba(0,204,255,1);margin:0;}
.Last_month span{font-size:24px;font-family:Impact;font-weight:400;color:rgba(255,162,0,1);}

.all_foot{height: 80%;justify-content:space-between;}
.allfoot_left{width:21.74%}
.allfoot_center{width:51.35%}
.allfoot_right{width:18.58%;}

/* echarts */

.echart_back{background: url(../images/waikuang.svg) no-repeat;background-size:contain;height: 5.87%;line-height: 40px;padding-left:21px;font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);margin-bottom:10px;}
.echarts{width: 100%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}
.all_echarts{height:41.5%;}
.cloud_echarts{height:85.2%;margin-top:8px;}

/* 累计 */
.flexs{display: -webkit-flex;display: flex;align-items:baseline;margin-top:20px;}
.Cumulative{font-size:18px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(255,255,255,1);}
.tive_num{font-size:56px;font-family:Impact;font-weight:400;color:rgba(0,204,255,1);line-height: 56px;margin-right: 12px;}
.tive_unit{font-size:22px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);line-height: 22px;}
.kilometre{display: -webkit-flex;display: flex;margin-top:20px;font-size:34px;font-family:Impact;font-weight:400;color:rgba(0,204,255,1);line-height: 39px;}
.kilometre .kil_num{width:32px;height:41px;border:1px solid;border-image:linear-gradient(-90deg, rgba(0,187,234,0), rgba(3,77,129,1), rgba(0,161,254,0)) 1 1;box-shadow:0px 0px 46px 0px rgba(8,91,168,0.4);margin-right:4px;text-align: center;}
.kil_dian{margin: 0 6px 0 2px ;}

.elec_data{ width: 100%; height: 100%;}
.elec_t{ height: 51%;}
.elec_d{ height: 49%; padding-top: 10px;}
.line{border-right:2px solid #666;}





/* cloudData */
.rent_t{ height:34.87%;}
.rent_all{ width:67%; height: 100%;}
.sum{width:17.7%;margin-right: 20px;}
.contract_sum{width:44%;}
.cloud_title{height:12.3%;background: url(../images/cloud_title.svg);background-repeat:no-repeat;background-size: contain;font-size:14px;padding-left:17px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);line-height: 37px;}
.rent_title{background: url(../images/contract_sum.png);background-repeat:no-repeat;background-size:100% 100%;height:12.3%;align-items:baseline;}
.rent_title p{font-size:14px;padding-left:17px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);line-height: 35px;}

.d_back{background:rgba(255,162,0,1);width:2px;margin-right:2px;}
.d_1{margin-left:7px; height:7.5px;animation:mymove1 2s infinite;-webkit-animation:mymove1 2s infinite;}
.d_2{height:10px;animation:mymove2 2s infinite;-webkit-animation:mymove2 2s infinite;}
.d_3{height:5px;animation:mymove3 2s infinite;-webkit-animation:mymove3 2s infinite;}
.rent_box{height:85.2%;margin-top:8px;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}
.rent_car {height:100%;}

.rent_d{ height:62.7%; margin-top: 20px;padding-bottom:40px;}
.rent_dbox{ height: 100%;}
.rents_car{width:48.9%;height:100%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}

.cloud_driver{width:49.24%;margin-left:40px;}

/* 司机驾驶分析 */
.driver_title{height:5%;background: url(../images/driver_d.png);background-size: 100% 100%;display: -webkit-flex;display: flex;justify-content:center;font-size:12px;font-family:PingFangSC-Semibold;font-weight:600;color:rgba(0,198,242,1);line-height:25px;}
/* .driver_title img{height:100%;width:100%;} */
.dri_l{height:9px;width:30px;position: relative;top:8px;}
.dri_l img{height:100%; width:100%;}
.driver_foot{height:93.27%;margin-top:10px;flex-wrap: wrap; justify-content:space-between;}
.driver_top{height:39px;}
.driver_upper{width:47.9%;height:49.1%;}
.driver_lower{width:47.9%;height:50.6%;}
.driver_t{height:14.66%;margin-bottom:10px;background:url(../images/driver_top.png);background-size: contain;background-repeat: no-repeat;font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);padding-left: 21px;line-height: 30px;}
.bata_t{height:77%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}
/* .bata_f{height:77.8%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;} */



/* 合同列表 */
#elec_mslist{height:100%;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(3,176,216,1);line-height:33px;padding:0 21px;line-height: 20px;}
#elec_mslist ul li{margin-bottom:25px;display: -webkit-flex;display: flex;}
.elec_img{background: url(../images/time-line.png);background-size: contain;background-repeat: no-repeat;width: 20px;height:21px;margin-left: 26px;margin-right:25px;}
.rent_car .elec_msline{ left: 25.9%;}
#elec_mslist ul li div{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fleetName{width:20%;}


.padding0{padding:0 20px;padding-top:20px!important;}
#driver{position: relative;height: 100%;overflow: hidden;width:100%;}
#driver  li{justify-content: space-between;margin-bottom:20px;}
#driver  li .w_driver{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(3,176,216,1);line-height:14px;}
#driver .driver_bj{height:16px;width:16px;background: url(../images/time-line.png);background-size: contain;background-repeat: no-repeat;}
#driver .d_name{margin:0 20px;width:40px; }
#driver .telephone{}
/* 租车 */

.rentelec_t{height:58.5%;margin-top:16px;display: -webkit-flex;display: flex;justify-content:space-between;}
.rent_echart{width:48.9%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}
.cd_cen{width:48.9%;}
.cd_title{background: url(../images/rentelec_cd.png);background-repeat:no-repeat;background-size:100% 100%;align-items:baseline;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);padding-left:20px;line-height: 45px;height:8.9%; }
.rent_cd .elec_msline{left:3.44%}
.rentelec_box{margin-top:10px;height:40.7%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}
.rent_cd{height:100%;}
.elec_mimg{background: url(../images/time-line.png);background-size: contain;background-repeat: no-repeat;width: 20px;height:21px;}

#rentelec_mslist{height:100%;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(3,176,216,1);line-height:33px;padding:0 22px;line-height: 20px;}
#rentelec_mslist li{display: -webkit-flex;display: flex;margin-bottom:21px;}
#rentelec_mslist li div{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.elec_w1{width:16.89%;margin-left:24px;margin-right:50px;}
.elec_w2{width:9.3%;}
.elec_w3{width:25%;margin-left:83px;margin-right:75px;}
.elec_w4{width:17.67%;}

.chongdian{width:48.3%;height:100%;}
.rentelec_cd{justify-content:space-between;height:43.21%;margin-top:25px;}
.cd_tle{height:16.5%;background: url(../images/cd.png);background-size: 100% 100%;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);padding-left:17px;line-height: 35px;}
.cd_elec{height:79.3%;margin-top:10px;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}

.rentelec_d{height:35.1%;margin-top:30px;justify-content: space-between;}
.cd_f{width:24.1%;}
.cd_f_tle{height:13.84%;background: url(../images/cd.png);background-size: 100% 100%;margin-bottom:10px;font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(0,204,255,1);line-height: 43px;padding-left:21px;}
.cd_f_ele{height:83%;background:linear-gradient(-39deg,rgba(12,116,214,0.1),rgba(19,50,121,0.1));border:1px solid;border-image:radial-gradient(circle, rgba(13, 54, 78, 0.35), rgba(3, 110, 154, 0.35)) 1 1;}


.map_img{display: inline-block;height:11px;width: 14px;margin-right:2px;}
.map_img img{height:100%;width:100%;}
.map_con {display: inline-block;font-size: 8px;color:#fff;}
.map_div{width:55px;}
@keyframes mymove1
{
    0%   {height:7.5px;}
    25% {height:10px;}
    50%  {height:7.5px;}
    75%  {height:5px;}
    100% {height:7.5px;}
}
@-moz-keyframes mymove1 /* Firefox */
{
    0%   {height:7.5px;}
    25% {height:10px;}
    50%  {height:7.5px;}
    75%  {height:5px;}
    100% {height:7.5px;}
}
@-webkit-keyframes mymove1 /* Safari 和 Chrome */
{
    0%   {height:7.5px;}
    25% {height:10px;}
    50%  {height:7.5px;}
    75%  {height:5px;}
    100% {height:7.5px;}
}
@-o-keyframes mymove1 /* Opera */
{
    0%   {height:7.5px;}
    25% {height:10px;}
    50%  {height:7.5px;}
    75%  {height:5px;}
    100% {height:7.5px;}
}


/* mymove2 */
@keyframes mymove2
{
    0%   {height:10px;}
    50%  {height:5px;}
    100% {height:10px;}
}
@-moz-keyframes mymove2 /* Firefox */
{
    0%   {height:10px;}
    50%  {height:5px;}
    100% {height:10px;}
}
@-webkit-keyframes mymove2 /* Safari 和 Chrome */
{
    0%   {height:10px;}
    50%  {height:5px;}
    100% {height:10px;}
}
@-o-keyframes mymove2 /* Opera */
{
    0%   {height:10px;}
    50%  {height:5px;}
    100% {height:10px;}
}


/* mymove3 */
@keyframes mymove3
{
    0%   {height:5px;}
    50%  {height:10px;}
    100% {height:5px;}
}
@-moz-keyframes mymove3 /* Firefox */
{
    0%   {height:5px;}
    50%  {height:10px;}
    100% {height:5px;}
}
@-webkit-keyframes mymove3 /* Safari 和 Chrome */
{
    0%   {height:5px;}
    50%  {height:10px;}
    100% {height:5px;}
}
@-o-keyframes mymove3 /* Opera */
{
    0%   {height:5px;}
    50%  {height:10px;}
    100% {height:5px;}
}

/* .dri_num{width:16px;height:16px;background:rgba(14,84,122,1);opacity:0.5;border-radius:50%;position: relative;top:7px;line-height:16px;font-size: 10px;} */






/*no-data*/
.if_showimg{ position: absolute; top: 0; left: 0;}
.no_dataname{ display: block; color: #fff; font-size: 20px; text-align: center;}
.no_img{ width: 18%; margin: 0 auto; padding: 6% 0;}

/*map*/
.map{ width: 35%; height: 100%; padding-right: 10px;}
.elec_count{ width: 65%; height: 100%;}
.map_bx{ height: 61.6%;}
.elec_name{ font-family: 'Microsoft YaHei'; position: absolute; top: 20px; left: 20px; z-index: 800; color: #fff; font-size: 18px; line-height: 1;}

/* 24h内使用次数 */
.hour24{height: 36.1%;margin-top: 2%;}

/*图表1*/
.elec_cthour{ width: 50.6%; height: 67.4%; padding-right: 10px;}
#elec_tbhour,#elec_tbcity{ width: 100%; height: 100%;}

/*图表2*/
.elec_ctcity{ width:49.4%; height: 67.4%;}

/*图标3*/
.elec_infor{ width: 100%; height: 32.6%; padding-top: 10px;}
.elec_infbx{ width: 100%; height: 100%; padding: 2% 0;}
.elec_infbx ul{ width: 100%; height: 100%;}
.elec_infbx li{ float: left; width: 25%; height: 100%; padding: 0 3%;}
.elec_infimg{ width: 24%; padding-top: 10%;}
.elec_infall{ width: 76%; padding-left: 12%; padding-top: 4%; line-height: 1.2%;}
.elec_infall h3{ color: #2dddb3; line-height: 1.7; font-size: 14px; margin-top: 0; padding-top: 11%; margin-bottom:4%;}
.elec_infall h3 span{ display: inline-block; padding-right: 4px; line-height: 1; font-size: 20px; font-weight: bold;}
.elec_infall p{ color: #fff; font-size: 14px; line-height: 1;}




/*首页-圆形图表*/
.cricle{ width: 47%; height: 100%; padding-top: 2%;}
.cricle_list,.cricle_list ul{ width: 100%; height: 100%; overflow: hidden;}
.cricle_list li{ float: left; width: 20%; height: 50%; padding-left: 10px;}
.cricle_box{ position: relative; float: left; width:96%; height: 100%;}
.cricle_box canvas{ width: 100%; transform:rotate(-180deg)}
.cricle_big{ position: absolute; top: 0; left: 0; width: 100%;}
.cricle_middle{ position: absolute; left: 15%; top:15%; width: 70%; height: 70%;}
.cricle_small{ position: absolute; left: 30%;  top:30%; width: 40%; height: 40%;}
.cricle_for{ position: absolute; left: 50%; bottom: 3.4%; z-index: 20; width: 50%; padding-left: 8%;}
.cricle_for p{ color: #fff; font-size: 14px; line-height: 1; opacity:0.8; margin: 8% 0 0 0;}
.cricle_title{ position: absolute; bottom: -12%; left: 0; color: #fff; font-size: 16px; line-height: 1; width: 100%; z-index: 200; text-align: center;}

/*文字滚动*/
.elec_move{ width: 53%; height: 100%; padding: 0 20px;}
.elec_mshow{ position: relative; height: 100%; overflow: hidden;}
.elec_mlist,.elec_mslist{ height: 100%;}
.elec_mslist{ overflow:hidden;}
.elec_mslist li{ color: #2dddb3; height: 52px; line-height: 52px;}
.elec_wd1{ width: 17%;}
.elec_wd2{ width: 30%;}
.elec_wd3{ width: 36%;}
.elec_wd4{ width: 17%; text-align: right;}
.elec_msen,.elec_msname,.elec_mssys{ font-size: 16px;}
.elec_msline{ position: absolute; top: 0; left: 17%;  width: 2px;
    height:100%;
    /* opacity: 0.6; */
    background:rgba(30,193,244,1);
opacity:0.2;}
.elec_msen{ margin-left: -11px; background-image: url("../images/time-line.png"); background-repeat:no-repeat; background-size: 26px 26px; background-position: left center;}
.elec_msen span{ padding-left: 40px;}
.elec_msname{ padding-left: 12px;}

/*租车数据*/

.rent_afor{ height: 29%; padding-bottom: 10px;}
.rent_afor .elec_infbx li{ width: 20%;}
.rent_afor .elec_infimg{ width: 32%;}
.rent_afor .elec_infall{ width: 68%;}
.rent_chorder{ height: 71%;}
.rent_chart{ width: 55%; height: 100%; padding-right: 10px;}
.rent_chbox{ position: relative;}
.rent_allcar{ position: relative; width: 45%; height: 100%;}
.rent_ordMove{ height: 100%; padding-top: 42px;}
.rent_ordNow{ height: 100%; overflow: hidden;}
.rent_ordMlist{ height: 100%; overflow: hidden;}



.rent_car .elec_wd1{ width: 22.7%;}
.rent_car .elec_wd2{ width: 38%;}
.rent_car .elec_wd3{ width: 16%;}
.rent_car .elec_wd4{ width: 16%;}
.rent_ordMlist li{ width: 100%; height: auto; overflow: hidden; padding: 12px 20px; border-bottom: 1px solid #333;}
.rent_ordl{ width: 50%; background-image: url("../images/icon-location_2x.png"); background-repeat: no-repeat; background-position: 0 3px; background-size: 12px auto; padding-left: 20px;}
.rent_ordr{ width: 50%; text-align: right;}
.rent_ordRess{ color: #fff; font-size: 15px; line-height:1.4;}
.rent_ordtype{ color: #666; font-size: 16px; margin-right: -6px;}
.rent_ordtype span{ padding: 0 6px;}
.rent_ordtype .rent_carNum{ color: #2dddb3;}
.rent_ordtype .rent_carType{ color: #fff;}
.rent_ordfor{ padding-top: 2px;}
.rent_ordfor span{ margin-left: 12px; color: #fff; font-size: 14px; background-position: 0 4px; background-repeat: no-repeat;}
.rent_orddl{ background-image: url("../images/icon-elec_2x.png"); background-size: 10px auto; padding-left: 14px;}
.rent_orddxh{ background-image: url("../images/icon-xuhang_2x.png"); background-size: 15px auto; padding-left: 19px;}
.rent_ordfor span b{ color:#2dddb3; padding-left: 6px;}
.rent_ordfor span .rent_orddl.cur{ color: #890a15;}



.rent_carMap{ position: relative; width: 27%; height: 100%;}
.rent_before{ width: 46%; height: 100%; padding: 0 10px; padding-top: 2.4%;}

/*综合数据*/
.all_dat{ height: 62.8%;}
.all_dad{ height: 37.2%; padding-top: 10px;}
.all_map{ width: 52%;}
.all_tr{ width: 48%; padding-left: 10px;}
.all_datainfor{ height: 31.8%;}
.all_chart{ height: 68.2%; padding-top: 10px;}

/*综合数据-详情*/
.all_datainfor .elec_infbx{ padding:4% 0;}
.all_datainfor .elec_infbx li{ width: 33.333333%; text-align: center;}
.all_datainfor .elec_infbx li>div{ display: inline-block; float: none;}
.all_datainfor .elec_infall{ width: auto; }
.all_datainfor .elec_infbx .elec_inf2 .elec_infimg{ display: block; margin: 0 auto; width: 30%; padding-top: 0; margin-top: -8%;}
.all_datainfor .elec_infbx .elec_inf2 .elec_infall{ padding-left: 0; padding-top: 0;}
.all_datainfor .elec_infimg{ display: inline-block; width: 20.8%; padding-top:12%; vertical-align: bottom;}
.all_datainfor .elec_infall h3{ padding-bottom: 6%;}
.all_datainfor .elec_infall p{ text-align: left;}
.all_datainfor .elec_inf2 .elec_infall p{ text-align: center;}
.elec_inf2 .elec_infall h3,.elec_inf2 .elec_infall p{ font-size: 16px;}
.elec_inf2 .elec_infall h3 span{ font-size: 22px;}

/*综合数据-车辆（电桩）*/
.all_car{ width:41.4%; padding-right: 10px;}
.all_elec{ width: 58.6%;}
.all_carchat{ width:100%; height: 100%; padding-top: 8%;}
.all_carchImg{ position: relative; width:64%; margin: 0 auto; }
.all_elec .all_carchImg{ width: 44%;}

.all_carfor{ display: none; position: absolute; top: 0; left: 0; z-index: 300; color: #fff; width:100%; height: 100%; text-align: center;}
.all_carfor:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.all_center{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.all_carfor p{ margin: 0; width: 100%; float: left; padding:3px 0;}
.all_carTotal{ font-size: 30px; font-weight: bold;}
.all_carTotal{ padding-right: 2px;}
.all_carnum,.all_carTolname{ font-size: 16px;}
.all_carlist{ float: left; width: 100%; padding: 0 8%;}
.all_carlist>div{ float: left; width: 100%; color: #fff; font-size: 16px; line-height: 20px; padding:10px 0;}
.all_car_i{ float: left; width: 20px; height: 20px; border-radius: 50%; margin-right: 12px;}
.all_caricon1 .all_car_i{ background-color: #2dddb3;}
.all_caricon2 .all_car_i{ background-color: #3ebdff;}
.all_carnum b{ font-weight: normal;}
.all_elclist{ float: left; width: 100%;}
.all_elec .all_carchat{ padding-top: 5.4%;}
.all_elclist li{ float: left; color: #fff; width: 25%; text-align: center;}
.all_elcfor{ font-size: 16px;}
.all_elcfor .all_elcnum{ font-size: 20px;}
.all_elcname{ font-size: 16px; opacity:0.8; line-height: 20px;}
.all_elcname .all_car_i{ float: none; display: inline-block; width: 12px; height: 12px;}
.elc_work .all_car_i{ background-color: #2dddb3;}
.elc_free .all_car_i{ background-color: #3ebdff;}
.elc_repl .all_car_i{ background-color: #a389d4;}
.elc_outline .all_car_i{ background-color: #ff9d73;}
.all_elclist li>div{ padding: 10px 0 ; line-height: 20px;}
.all_ordcombox{ width: 100%;}

/*租车-桩比例*/
.all_order{ width:52%;}
.all_usercar{ width: 48%; padding-left: 10px;}
.all_ordanimat{ padding: 2% 4%;}
.all_ordAnimbox{ position: relative; width: 100%; height:40px;}
.all_ordbs{ left: 0;}
.all_ordbm{ right: 0;}
.all_ordbs,.all_ordbm{ position: absolute;  top: 0; color: #fff; font-size: 20px; width:10%; height: 40px; line-height: 40px; text-align: center;}
.all_ordpress{ position: absolute; top: 0; left: 10%; width:80%; background-image:-webkit-linear-gradient(98deg,#b889d4,#899fd4); background-image:linear-gradient(98deg,#b889d4,#899fd4); height: 40px;}
.all_pres_s{ width:0; height: 40px;}
.all_pres_s{
    background-image:-webkit-linear-gradient(96deg,#1de9b6,#1dc5e9);
    background-image:linear-gradient(96deg,#1de9b6,#1dc5e9);
}
.all_ordTlist{ width:100%; height:auto; overflow: hidden; padding: 3% 10%;}
.all_ordtname{ color: #fff; font-size: 22px; width: 50%; text-align: center;}


/*地图自定义提示信息*/
.wd_msg{ position: relative; font-family:"Microsoft YaHei"; background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.5);}
.wd_mgtop{ height: auto; overflow: hidden; padding: 10px 10px 6px 10px; border-bottom: 1px solid #ddd;}
.wd_mgTtop{ height: auto; overflow: hidden; line-height:18px;}
.wd_mgTtop h3{ float: left; color: #333; font-size: 16px; font-weight: normal; margin: 0;}
.wd_status{ float: right; color: #ababb6; font-size: 14px; padding-left:22px; background-position:left; background-size: 16px auto; background-repeat: no-repeat;}
.wd_status.ok{ background-image: url("/Content/img/system/ele/ep/icon-open_ok.png");}
.wd_status.no{ background-image: url("/Content/img/system/ele/ep/icon-open_no.png");}
.msg_address{ clear: both; padding: 3px 0;}
.msg_tance{ margin-top: 6px;}
.msg_tance,.msg_address{ color: #ababb6; font-size: 14px;}
.msg_tance{ background-image: url("/Content/img/system/ele/ep/icon-distance.png"); padding-left:20px; background-position:left; background-size: 14px auto; background-repeat: no-repeat;}
.wd_mgbot{ line-height: 26px;}
.wd_mgbot span{ display: inline-block; color: #4e4e56; font-size: 14px; margin-right:16px;  padding-left:22px; background-position:left; background-repeat: no-repeat;}
.wd_mgbot span b{ color: #0bbf7f; font-weight:normal;}
.msg_total{background-image: url("/Content/img/system/ele/ep/shape.png"); background-size: 16px auto;}
.msg_free{background-image: url("/Content/img/system/ele/ep/icon-xianzhi.png"); background-size: 13px auto;}
.msg_uantityof{background-image: url("/Content/img/system/ele/ep/icon-dianliang.png"); background-size: 16px auto;}
.msg_range{background-image: url("/Content/img/system/ele/ep/icon-xuhang.png"); background-size: 16px auto;}
.msg_carspeed{background-image: url("/Content/img/system/ele/ep/icon-speed.png"); background-size: 16px auto;}
.wd_mgbot{ padding: 6px 10px;}
.car_num{ float: left; padding-left: 6px;}
.car_num span{ display: inline-block; color: #333; font-size: 16px; padding-left: 6px; border-left:1px solid #333;}
.info-bottom{ position: absolute; width: 100%; left: 0; bottom: -16px; z-index: 500; text-align: center;}
.info-bottom img{ display: inline-block; width: 20px;}

/*出行数据*/
.trave_t{ height: 63.8%;}
.trave_d{ height: 36.2%; padding-top: 10px;}
.trave_ord{ width:22.7%;}
.trave_drver{ width:24.7%;}
.trave_for{ width:52.6%; padding: 0 10px;}
.data_comfor{ height: 26.5%;}
.trave_map{ height: 73.5%; padding-top: 10px;}
/*订单-司机*/
.move_list{ overflow: hidden;}
.move_list li{ color: #fff; height:76px; padding: 0 20px; border-bottom: 1px solid #333;}
.move_for h3{ font-size: 15px; margin: 0; padding: 4px 0;}
.move_for p{ font-size: 13px; margin: 0;}
.move_l{ width: 80%;}
.move_name{ width: 18%; text-align: right;}
.move_icon{ width: 36px;}
.move_for{ padding-left: 16px; width: 80%; }
.trave_drname{ font-size: 16px;}
.trave_drver .move_l{ width: 61%;}
.trave_drver .move_name{ width: 37%;}
.trave_drver .move_for{ width: 70%;}
.trave_drver .move_name{ color: #666;}
.trave_drver .move_name .trave_carnum{ color: #fff; font-size: 16px;}
.trave_drver .move_name .trave_cartype{ color: #2dddb3; font-size: 16px;}

.elec_infbox{ padding: 0 1%;}
.trave_data .elec_infbx li{ padding: 0 0 0 3%;}
.trave_data .elec_infbx{ padding: 3% 0;}
.elec_inficon{ width: 22%;}
.elec_infmsg{ width: 74%; padding-left: 12%;}
.elec_infmsg h3{ color: #2dddb3; line-height: 1.7; font-size: 14px; margin-top: 0; padding: 2% 0; margin-bottom:4%;}
.elec_infmsg h3 span{ display: inline-block; padding-right: 4px; line-height: 1; font-size: 20px; font-weight: bold;}
.elec_infmsg p{ color: #fff; font-size: 14px; line-height: 1; margin: 0;}

/*出行数据-订单*/
.trave_hoord{ width:50.2%; padding-right: 10px;}
.trave_hocity{ width: 49.8%;}


/* 新综合数据 */
.newall_dat{height:100%;}
.newall_map{ width: 57.3%;}
.newall_tr{width:42.7%;padding-left: 1.17%;}
.newrent_title{ position: absolute; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding-left: 20px;z-index: 100;}
.newall_title{padding-top: 1%;margin-bottom: 0.5%;height: 12.8%;color: #fff;padding-left: 2.6%;}
.margintop{margin-top:2.78%;}
.newelec_infbx{height:85%}

/* 黑地图 */
/* .rent_box{ height: 100%; padding-top: 0;} */
.amap-toolbar{top:45px!important;}

.all_datainfor .newelec_infbx{padding:7.3% 0;} 
.all_datainfor .newelec_infimg{padding-top:0;width:23.8%;}
.line_num{display: block;margin-top:9.9%;margin-bottom:1.9%;color: #2dddb3;  font-size: 20px;line-height: 20px;}
.line_p{ color: #fff;}


/*租车充电数据*/

#rent_elefor.rent_afor .elec_infbx li { width:25%;}
#rent_elefor.rent_afor .elec_infimg { width:20%; padding-top: 6%;}
#rent_elefor .elec_infall{ padding-top: 0;}
#rent_elecdata .rent_carMap{ width: 33%;}
.elec_chour{ width: 50%; height: 100%; padding-right: 10px;}
.elec_chmonth{  width: 50%; height: 100%;}
.rent_chmonth{ width: 48%; height: 100%;}
.all_infor{ width: 19%; height: 100%; padding: 0 10px;}
.all_infbox{
    width:100%; height: 100%;}
.all_infbox .com_bd{ display:flex;
    align-items:center;/*垂直居中*/
    justify-content: center;/*水平居中*/ padding:4% 6%;}
.icon_img{ width: 18%; display: inline-block;}
.elec_infall{ display: inline-block;}

/* 租车详情 */
.epile_div{width:100%;height:23%;justify-content: center;/*水平居中*/background:#21202e;padding:8.5% 0;align-items:center;margin-bottom:3.2%;  }
.epile_div .elec_infimg{width:14%;padding-top:0;margin-left:18%;}
.epile_div .elec_infall{padding-top:0;width:auto;padding-left:16.7%;}
.epile_div .elec_infall h3{padding-top:0;}

.car_div{height:28%;width:100%;background:#21202e; align-items:center;/*垂直居中*/padding:3.5% 0;margin-bottom:3.2%;}
.car_div_f{width:50%;display: inline-block;float: left;height:100%;}
.car_border{justify-content: center;/*水平居中*/border-right: 2px solid #666;}
.car_div .elec_infimg{width:26%;padding-top:0;margin:0 auto;}
.car_div .elec_infall{padding:0;width:100%;margin: 0 auto;}
.car_div .elec_infall h3{padding-top:0;margin-bottom:0;text-align: center;line-height: 1;margin-top:6%;margin-bottom:2%;}
.car_div .elec_infall p{margin:0;text-align: center;}
.car_r{height:50%;width:75%;margin:0 auto;}
.car_bor{border-bottom: 2px solid #666;}
.car_div .car_bor .elec_infall h3{margin-top:0;margin-bottom:4%;} 

/* 快点云服数据 */
.cloud_abox{width: 100%;}
.cloud_infor{width:16.5%;}
.cloud_chmonth{width:83.5%;}
.cloud_abox .line{width: 16.6666% !important;padding:0!important;}
.cloud_abox .line .elec_infimg{width: 13.4% !important; padding-top:0!important;margin-left:22.5%!important;margin-right:12.8%!important;}
.cloud_abox .line h3{padding-top:0!important;line-height: 1!important;}
.cloud_abox .elec_infall{padding-left:0!important;width:auto!important;}


.cloud_div{height:31.98%;padding-top:16%;}
.cloud_div .elec_infimg{margin-left:17.6%;}
.cloud_div .elec_infall{margin-left:15.3%;}


.px50{margin-top:50px;}
.px80{margin-top:80px;}
.bata_t{padding-top:10px;}
.driver_t{line-height: 35px;}


@media screen and (max-width:1440px){
    .main{padding: 95px 20px 20px 20px;}
    .px50{margin-top:35px;}
    .px80{margin-top:45px;}   
    /* .driver1{margin-top:} */
    .total{margin:9px 0 12px 0;}
    .total_num{font-size: 45px;line-height: 45px;}
    .alltop .Last_month p{font-size: 12px;}
    .Last_month span{font-size: 21px;}
    .tive_num{font-size: 45px;line-height: 45px;}
    .flexs{margin-top:15px;}
    .Cumulative{font-size: 16px;}
    .echart_back{font-size: 14px;line-height:30px;}
    .all_echarts{height:40%;}
    .cloud_title{line-height: 27px;}
    #elec_mslist{font-size:10px;}
    .rent_car .elec_msline{left:24%;}
    .driver_t{font-size: 14px;line-height: 25px;}
    .driver1,.driver2,.driver3{font-size: 12px;line-height: 12px;}
    .dri_name {
        margin: 0 10px 0 10px;
        width: 35px;
    }
    .w_driver .driver_b {
        height: 18px;
        width: 14px;
    }
    .dri .driver_bj{width:14px;height:14px;line-height: 14px;top:0;}
    .dri{font-size: 12px;line-height:12px;margin-top:10px;}
    .rent_cd .elec_msline{left:4.5%;}
    .cd_title{font-size: 12px;line-height: 30px;}
    .cd_f_tle{font-size: 12px;line-height: 30px;}
    .cd_tle{font-size: 12px;line-height: 27px;}
    #elec_mslist ul li{margin-bottom:11px;}
    .elec_img{margin-top:3px;}
    .bata_t{padding-top:0;}

    #rentelec_mslist li{margin-bottom:8px;}

    #driver li .w_driver{font-size: 10px;}
    #driver .d_name{margin:0 10px;width:30px;}
    .padding0{padding:0 10px;}
    #rentelec_mslist{font-size: 10px;}
    .elec_w1{width:25%;margin-right:35px;}
    .elec_w3{margin-left:50px;margin-right:30px;}
    .elec_w2{width:15%;}
}