* { margin: 0; padding: 0; box-sizing: border-box; } .floor-switch { top: 45% !important; } .carList { position: fixed; bottom: 100px; left: 20px; z-index: 100; transition: all 0.3s; display: none; } .carList .carList1 { display: flex; align-items: center; position: relative; } .carList .carList1 .carList1_1 { width: 160px; } .carList .carList1 .carList1_2 { cursor: pointer; width: 240px; } .carList .carList2 { display: none; position: relative; } .carList .carList2 .carList2_1 { width: 160px; } .carList .carList2 .carList2_2Back { position: absolute; z-index: 10; bottom: 98px; left: 137px; width: 50px; height: 66px; cursor: pointer; } .carList .carList2 .carList2_2Bac { position: absolute; left: 180px; bottom: 0; width: 23px; height: 585px; z-index: 8; background-image: url('../myJs/img/txtBac.png'); background-size: 100% 100%; } .carList .carList2 .carList2_2 { position: absolute; left: 203px; bottom: 0; width: 370px; height: 585px; padding-right: 30px; overflow-y: auto; background-color: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-radius: 0 8px 8px 0; } .carList .carList2 .carList2_2::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .carList .carList2 .carList2_2::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px transparent; background: #1864ff; } .carList .carList2 .carList2_2::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px transparent; border-radius: 10px; background: transparent; } .carList .carList2 .carList2_2 .carList2_2Main { width: 100%; height: 100%; padding: 10px 0 10px 16px; } .carList .carList2 .carList2_2 .carList2_2Main .c_box { width: 100%; margin-bottom: 20px; background-color: rgba(217, 217, 217, 0.6); border-radius: 6px 6px 6px 6px; padding: 15px 10px 20px 15px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTit { color: #fff; font-weight: 700; font-size: 20px; padding-bottom: 10px; position: relative; text-shadow: 1px 1px 1px black; margin-bottom: 14px; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTit::before { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.2)); } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTit::after { content: ''; position: absolute; top: -15px; left: -26px; width: 106px; height: 46px; z-index: 10; background-image: url('../myJs/img/txtTit.png'); background-size: 100% 100%; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxt { cursor: pointer; position: relative; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxt > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 32px; line-height: 32px; font-size: 16px; padding: 0 5px 0 20px; position: relative; z-index: 11; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxt::before { content: ''; opacity: 0; z-index: 10; width: calc(100% + 30px); height: 100%; position: absolute; left: 0px; top: 0; background-image: url('../myJs/img/txtAc.png'); background-size: 100% 100%; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxt:hover > p { color: #fff; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxt:hover::before { opacity: 1; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxtAc { pointer-events: none; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxtAc > p { color: #fff; } .carList .carList2 .carList2_2 .carList2_2Main .c_box .c_boxTxtAc::before { opacity: 1; }