.el_left{float:left}.el_right{float:right}.el_height{height:100%}.vehicleStatusMaintenance{width:100%;height:100%;overflow:hidden}.viewBox .car-state-title{padding:0 0 .2rem 0}.car-status-anage{width:100%;height:100%;overflow-y:auto!important}.car-state-title{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow-x:auto;padding:.2rem .2rem 0 .2rem}.car-state-title .bg-purple-dark{background:#99a9bf}.car-state-title .bg-purple{background:#fff}.car-state-title .bg-purple-light{background:#e5e9f2}.car-state-title .grid-content{position:relative;height:.42rem;width:1.1rem;border-radius:0;margin-right:.2rem;font-size:.18rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:0 5px}.car-state-title .grid-content .grid-title{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.car-state-title .row-bg{padding:.1rem 0;background-color:#f9fafc}.car-state-title .select-style{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #d80016}.car-state-title .select-style span{position:absolute;color:#fff;bottom:0;right:0;font-size:.2rem;z-index:2;line-height:.18rem}.car-state-title .select-style .border-right{position:absolute;width:0;height:0;border-bottom:.3rem solid #d80016;border-left:.3rem solid transparent;bottom:0;right:0}.vehicle-field .inside-car,.vehicle-field .outside-car{background:#fff;padding:0 .2rem .2rem .2rem}.vehicle-field .outside-car{overflow:hidden}.vehicle-field .vehicle-title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.2rem;color:#333;font-weight:600;height:.22rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.2rem 0;padding-left:.1rem;border-left:.06rem solid #1179da}.vehicle-field .title-class{display:inline-block;border:.01rem solid #d7d7d7;padding:.06rem .3rem .08rem .13rem;font-size:.18rem;border-radius:0 0 1rem 0;background:#f6f8fa;border-left:none;border-top:none;margin-top:.01rem;max-width:2.8rem}.vehicle-field .available{border:.01rem solid #d7d7d7;margin-top:.4rem;min-height:1rem}.vehicle-field .only-available-style{margin:-.2rem 0 0;border:none}.vehicle-field .show-car-info{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:50px;-ms-flex-wrap:wrap;flex-wrap:wrap}.vehicle-field .show-car-info dl{width:.5rem;height:.6rem;border:1px solid #02adbe;margin:.2rem;cursor:pointer;position:relative}.vehicle-field .show-car-info dd{height:.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vehicle-field .show-car-info dd span{color:#02adbe;font-size:.32rem}.vehicle-field .show-car-info .car-angle-sign{display:inline-block;width:100%;height:.2rem;font-weight:400;color:#fff;font-size:.1rem;border-radius:0 0 1rem 0;position:absolute;top:0}.vehicle-field .show-car-info .car-angle-sign-driver{background:#fd5038}.vehicle-field .show-car-info .car-angle-sign-task{background:#f8a031}.vehicle-field .show-car-info .car-angle-sign-noContract{background:red}.vehicle-field .show-car-info dt{font-size:.13rem;width:100%;height:.2rem;background:#02adbe;color:#fff;text-align:center;line-height:.2rem}.vehicle-field .blue-class dl{border:1px solid #4673ce}.vehicle-field .blue-class dl dd span{color:#4673ce}.vehicle-field .blue-class dl dt{background:#4673ce}.vehicle-field .origin-class dl{border:1px solid #f8a032}.vehicle-field .origin-class dl dd span{color:#f8a032}.vehicle-field .origin-class dl dt{background:#f8a032}.vehicle-field .other-class dl{border:1px solid #02bdfb}.vehicle-field .other-class dl dd span{color:#02bdfb}.vehicle-field .other-class dl dt{background:#02bdfb}.vehicle-field .grey-class dl{border:1px solid #979ea7}.vehicle-field .grey-class dl dd span{color:#979ea7}.vehicle-field .grey-class dl dt{background:#979ea7}.vehicle-field .red-class dl{border:1px solid #c25050}.vehicle-field .red-class dl dd span{color:#c25050}.vehicle-field .red-class dl dt{background:#c25050}.vehicle-field .green-class dl{border:1px solid #66af1c}.vehicle-field .green-class dl dd span{color:#66af1c}.vehicle-field .green-class dl dt{background:#66af1c}.car-detailed-info{width:2.82rem;background:#fff;-webkit-box-shadow:0 .03rem .07rem 0 rgba(0,0,0,.2);box-shadow:0 .03rem .07rem 0 rgba(0,0,0,.2);z-index:7;position:fixed}.car-detailed-info h3{width:100%;line-height:.3rem;background:#4673ce;color:#fff;text-align:center;font-size:.16rem}.car-detailed-info p{font-size:.14rem;line-height:.4rem;padding-left:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex}.car-detailed-info p span{display:block;margin-right:.09rem}.car-detailed-info .button-style{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:.6rem;border-top:1px solid #d7d7d7;padding:0 .2rem;font-size:.16rem;text-align:center;line-height:.27rem}.car-detailed-info .button-style div{width:.75rem;height:.3rem;cursor:pointer}.car-detailed-info .button-style div:first-child{background:none;border:1px solid #1577d2;color:#1577d2}.car-detailed-info .button-style div:nth-child(2){background:none;border:1px solid #d80016;color:#d80016}.car-detailed-info .button-style div:nth-child(3){background:none;border:1px solid #66af1c;color:#66af1c}.car-detailed-info .button-style div h5{font-weight:400}