.vehicle-list{margin:30px auto 44px;width:1200px;min-height:calc(100vh - 198px)}.vehicle-list .vehicle-list-head{padding:20px 40px 2px;font-size:14px;background:#fff;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.vehicle-list .vehicle-list-head .vehicle-active{color:#348efc}.vehicle-list .vehicle-list-head>div{display:flex;font-size:14px}.vehicle-list .vehicle-list-head>div>span{margin-right:40px}.vehicle-list .vehicle-list-head>div>span:first-child{color:#666}.vehicle-list .vehicle-list-head>div>span:nth-child(2){cursor:pointer}.vehicle-list .vehicle-list-head>div:first-child{margin-bottom:20px}.vehicle-list .vehicle-list-head .vehicle-head-box{display:flex;flex-wrap:wrap;flex:1;width:0}.vehicle-list .vehicle-list-head .vehicle-head-box span{margin-right:40px;margin-bottom:20px;cursor:pointer}.vehicle-list .vehicle-list-keyword{display:flex;align-items:center;justify-content:space-between;margin:20px auto;padding:0 34px;height:60px;line-height:60px;background:#fff;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.vehicle-list .vehicle-list-keyword>div{width:300px}.vehicle-list .vehicle-list-keyword>div input{height:36px;border-radius:18px;border:1px solid #ddd}.vehicle-list .vehicle-no-data{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 431px);font-size:20px;background:#fff}.vehicle-list .vehicle-no-data>span{margin-top:14px;color:#888}.vehicle-list .vehicle-list-content>div:first-child{display:flex;flex-wrap:wrap}.vehicle-list .vehicle-list-content .vehicle-list-box{position:relative;display:flex;margin-right:15px;margin-bottom:20px;padding:20px;width:390px;height:240px;background:#fff;border-radius:4px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-sizing:border-box}.vehicle-list .vehicle-list-content .vehicle-list-box img{margin-right:20px;width:200px;height:200px;object-fit:cover}.vehicle-list .vehicle-list-content .vehicle-list-box>div:nth-child(2){display:flex;flex-direction:column;justify-content:space-between}.vehicle-list .vehicle-list-content .vehicle-list-box>div:nth-child(2) div span:first-child{display:block;margin-bottom:16px;font-size:16px;font-weight:700;color:#000}.vehicle-list .vehicle-list-content .vehicle-list-box>div:nth-child(2) div span:last-child{font-size:16px;color:#666}.vehicle-list .vehicle-list-content .vehicle-list-box>div:nth-child(2)>span{width:70px;height:30px;line-height:30px;font-size:14px;text-align:center;border-radius:15px}.vehicle-list .vehicle-list-content .vehicle-list-box .vehicle-idle{color:#427a58;background:#d4ffd1}.vehicle-list .vehicle-list-content .vehicle-list-box .vehicle-useing{color:#daf4ff;background:#4199ae}.vehicle-list .vehicle-list-content .vehicle-list-box .vehicle-disable{color:#888;background:#ededed}.vehicle-list .vehicle-list-content .vehicle-list-box .vehicle-damage{color:#b53e3e;background:#ffd1d1}.vehicle-list .vehicle-list-content .vehicle-list-box .vehicle-scrapped{color:#fff;background:silver}.vehicle-list .vehicle-list-content .vehicle-list-box:nth-child(3n){margin-right:0}.vehicle-list .vehicle-list-content .vehicle-cover-box{display:none}.vehicle-list .vehicle-list-content .vehicle-list-box:hover .vehicle-cover-box{position:absolute;display:flex;align-items:center;justify-content:center;margin-top:-20px;margin-left:-20px;width:100%;height:100%;background:rgba(0,0,0,.3)}.vehicle-list .vehicle-list-content .vehicle-list-box:hover .vehicle-cover-box span{width:120px;height:40px;line-height:40px;text-align:center;font-size:16px;background:#fff;border-radius:5px;cursor:pointer}.vehicle-list .vehicle-list-content .pageBox{display:inline-block;background:#fff}.vehicle-list .vehicle-list-content .pageBox .el-pagination.is-background .btn-next,.vehicle-list .vehicle-list-content .pageBox .el-pagination.is-background .btn-prev,.vehicle-list .vehicle-list-content .pageBox .el-pagination.is-background .el-pager li{background:#fff}.vehicle-list .vehicle-list-content .pageBox .el-pagination.is-background .el-pager .active{background:#409eff}