:root{--primary-color:#39a7fe;--secondary-color:#39c4fe;--text-color:#333;--white-color:#fff;--border-color:#286fff;--shadow-color:rgba(100,134,162,0.11);--card-shadow:rgba(158,187,242,0.2);--font-family:"Microsoft YaHei";--section-margin:140px;--container-width:1200px;--border-radius:10px;--transition:all 0.35s ease-in-out}.fuel-consumption .header-logo{width:100%}.fuel-consumption .header-logo img{width:100%;height:100%}.fuel-consumption .section{width:100%;overflow:hidden;margin-top:var(--section-margin)}.fuel-consumption .section.industry{text-align:center}.fuel-consumption .section-title{font-size:36px;font-family:var(--font-family);font-weight:400;color:var(--text-color);text-align:center;margin-bottom:80px}.fuel-consumption .card-container{width:var(--container-width);margin:0 auto;overflow:hidden}.fuel-consumption .card-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:36px}.fuel-consumption .card-list.account-list{gap:37px}.fuel-consumption .card-item{position:relative;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer}.fuel-consumption .card-item.hoverable{border:1px solid transparent}.fuel-consumption .card-item.hoverable:hover{border:1px solid var(--border-color)}.fuel-consumption .card-item.employee-item{width:375px;padding:45px 15px 0}.fuel-consumption .card-img{font-size:0}.fuel-consumption .card-title{font-family:var(--font-family);font-weight:400;color:var(--text-color);text-align:center}.fuel-consumption .card-title.overlay-title{position:absolute;top:30px;left:30px;font-size:22px}.fuel-consumption .card-title.overlay-title-bottom{position:absolute;z-index:2;bottom:20px;left:0;right:0;font-size:24px}.fuel-consumption .card-subtitle{width:144px;height:57px;font-size:20px;font-family:var(--font-family);font-weight:400;color:var(--text-color);margin:0 auto}.fuel-consumption .card-description{font-size:22px}.fuel-consumption .industry .industry-card{width:1176px;margin:0 auto;overflow:hidden;padding:10px 0}.fuel-consumption .industry .industry-card .industry-card-col .el-card.is-always-shadow{box-shadow:0 2px 12px 0 var(--card-shadow)}.fuel-consumption .industry .industry-card .industry-card-col:last-child{margin-right:24px}.fuel-consumption .industry .industry-card .industry-card-col .industry-card-img{width:277px;height:118px;background:linear-gradient(-53deg,var(--primary-color),var(--secondary-color));display:flex;justify-content:center;align-items:center}.fuel-consumption .industry .industry-card .industry-card-col .card-title{font-size:24px;margin-bottom:20px}.fuel-consumption .solution .solution-card{width:var(--container-width);margin:0 auto;overflow:hidden}.fuel-consumption .solution .solution-card .solution-explain{width:1188px;height:60px;font-size:22px;font-family:var(--font-family);font-weight:400;color:var(--text-color)}.fuel-consumption .solution .solution-card .solution-icon{margin-bottom:var(--section-margin)}.fuel-consumption .solution .solution-card .solution-icon ul li{width:20%;text-align:center;display:inline-block;margin-top:90px}.fuel-consumption .solution .solution-card .solution-icon ul li i{width:100px;height:100px;background:var(--white-color);border-radius:50%;display:block;margin:0 auto}.fuel-consumption .solution .solution-card .solution-icon ul li span{display:block;margin-top:50px;font-size:18px;font-family:var(--font-family);font-weight:400;color:var(--text-color)}.fuel-consumption .solution .solution-card .solution-icon ul li .solution-icon-realOil{background:url(../ManageuiResources/img/realOil.64f3ae8f.png) no-repeat}.fuel-consumption .solution .solution-card .solution-icon ul li .solution-icon-oilManager{background:url(../ManageuiResources/img/oilManager.e3e6a7cd.png) no-repeat}.fuel-consumption .solution .solution-card .solution-icon ul li .solution-icon-carMonitoring{background:url(../ManageuiResources/img/carMonitoring.e7dbe111.png) no-repeat}.fuel-consumption .solution .solution-card .solution-icon ul li .solution-icon-assessmentManager{background:url(../ManageuiResources/img/assessmentManager.4bde3dbb.png) no-repeat}.fuel-consumption .solution .solution-card .solution-icon ul li .solution-icon-analysisReport{background:url(../ManageuiResources/img/analysisReport.8066429f.png) no-repeat}.fuel-consumption .solution .solution-card .solution-video{width:var(--container-width);height:675px;margin:0 auto;border-radius:30px;background-color:rgba(0,0,0,.18);box-sizing:border-box;overflow:hidden}.fuel-consumption .solution .solution-card .solution-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:30px}.fuel-consumption .real-time .card-list{justify-content:space-between;gap:57px}.fuel-consumption .personnel .card-list{gap:50px;justify-content:space-between}.fuel-consumption .personnel .card-img{width:100%;height:100%}.fuel-consumption .car-monitor .card-list{flex-wrap:nowrap}.fuel-consumption .car-employee .card-title{font-size:22px;margin-top:40px}.fuel-consumption .account-record{margin:var(--section-margin) auto}.fuel-consumption .account-record .card-title{display:flex;flex-direction:column;gap:10px;position:absolute;text-align:left;top:30px;left:20px;font-size:24px}.fuel-consumption .plan-advantage .advantage-card{width:var(--container-width);margin:0 auto;overflow:hidden}.fuel-consumption .plan-advantage .advantage-card .advantage-item{padding:62px 42px;background:var(--white-color);box-shadow:0 4px 27px 0 var(--shadow-color);margin:10px;display:flex;justify-content:center;align-items:center;flex-flow:column;cursor:pointer;position:relative}.fuel-consumption .plan-advantage .advantage-card .advantage-item h4{font-size:22px;font-family:var(--font-family);font-weight:400;color:var(--text-color);margin-bottom:14px}.fuel-consumption .plan-advantage .advantage-card .advantage-item ul li{height:28px;line-height:28px;list-style:circle;padding:7px 0;font-size:20px;font-family:var(--font-family);font-weight:400;color:var(--text-color)}.fuel-consumption .plan-advantage .advantage-card .advantage-item ul li::marker{color:var(--primary-color)}.fuel-consumption .plan-advantage .advantage-card .advantage-item:after{content:"";width:100%;height:0;position:absolute;bottom:0;background:var(--primary-color);opacity:0;transition:var(--transition)}.fuel-consumption .plan-advantage .advantage-card .advantage-item:hover:after{height:8px;opacity:1}