4DKK-SZXA-private/myJs/spg.less

* {
  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 .3s;
  display: none;

  .carList1 {
    display: flex;
    align-items: center;
    position: relative;

    .carList1_1 {
      width: 160px;
    }

    .carList1_2 {
      cursor: pointer;
      width: 240px;
    }
  }

  .carList2 {
    display: none;
    position: relative;

    .carList2_1 {
      width: 160px;
    }

    .carList2_2Back {
      position: absolute;
      z-index: 10;
      bottom: 98px;
      left: 137px;
      width: 50px;
      height: 66px;
      cursor: pointer;
    }

    .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%;

    }

    .carList2_2 {
      position: absolute;
      left: 203px;
      bottom: 0;
      width: 370px;
      height: 585px;
      padding-right: 30px;
      overflow-y: auto;

      background-color: rgba(255, 255, 255, .5);
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
      border-radius: 0 8px 8px 0;

      &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 3px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
      }

      &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px transparent;
        background: #1864ff;
      }

      &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px transparent;
        border-radius: 10px;
        background: transparent;
      }

      .carList2_2Main {
        width: 100%;
        height: 100%;
        padding: 10px 0 10px 16px;



        .c_box {
          width: 100%;
          margin-bottom: 20px;
          background-color: rgba(217, 217, 217, .6);
          border-radius: 6px 6px 6px 6px;
          padding: 15px 10px 20px 15px;
          -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);

          .c_boxTit {
            color: #fff;
            font-weight: 700;
            font-size: 20px;
            padding-bottom: 10px;
            position: relative;
            text-shadow: 1px 1px 1px black;
            margin-bottom: 14px;

            &::before {
              content: '';
              width: 100%;
              height: 1px;
              position: absolute;
              bottom: 0;
              left: 0;
              background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, .2));
            }

            &::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%;
            }
          }

          .c_boxTxt {
            cursor: pointer;
            position: relative;

            &>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;

            }

            &::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%;
            }

            &:hover {
              &>p {

                color: #fff;
              }

              &::before {
                opacity: 1;
              }
            }
          }
          .c_boxTxtAc{
            pointer-events: none;
            &>p {

              color: #fff;
            }
            &::before {
              opacity: 1;
            }
          }
        }
      }
    }
  }
}