bigScreen/src/views/pageOperation/rightMid/index.scss

.bgRightMidBox {
  width: vw(1270);
  height: vh(904);
  background-image: url('@/assets/svg/Operation/RightMid/Box.svg');
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;

  >section {
    box-sizing: border-box;
    padding-top: vh(32);
    height: 100%;
    width: vw(1206);
    margin: 0 auto;

    header {
      height: vh(48);
      line-height: vh(48);
      text-align: center;
      background-color: #E5E6FF;

      >div {
        display: inline-block;

        >div {
          font-size: vw(16);
          color: #5D49AF;
          font-weight: 700;
          display: inline-block;
        }

      }
    }

    main {
      height: vh(784);
      box-sizing: border-box;
      padding-top: vh(8);

      :deep(.el-carousel) {
        height: 100%;

        .el-carousel__item,
        .el-carousel__container {
          height: 100%;

          .rowBox {
            height: vh(48);
            text-align: center;

            &:nth-child(2n+1) {
              background: #F3F3F9;
            }

            &:nth-child(2n) {
              background: #F0F0FC;
            }

            >div {
              display: inline-block;

              >div {
                font-size: vw(16);
                color: #5D49AF;
                display: inline-block;

                marquee {
                  font-size: vw(16);
                  color: #5D49AF;
                }
              }

            }
          }
        }
      }


    }

    .col1 {
      width: vw(55);
    }

    .col2 {
      width: vw(120);
    }

    .col3 {
      width: vw(178);
    }

    .col4 {
      width: vw(142);
    }

    .col5 {
      width: vw(180);
    }

    .col6 {
      width: vw(180);
    }

    .col7 {
      width: vw(180);
    }

    .col8 {
      width: vw(120);
    }
  }
}