.root {
  :global {
    @import (less) '../../../utils/themes.less';

    background: @background-color;
    margin-bottom: 20px;

    .ss-mobile-image-upload {
      background: @background-color;
      padding: 0;
      .am-image-picker-list {
        margin-left: 0;
      }
    }

    .firstHeaderImg {
      margin-top: 0;
    }

    .widget-img {
      background-size: cover;
    }

    .widget-upalod-disabled {
      position: relative;
      width: 109px;
      height: 109px;
      border-radius: 0;
      border: 1px solid #ccc;
      box-sizing: border-box;
      background-color: #fff;

      .line {
        width: 1px;
        height: 25px;
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #ccc;
      }

      &::before {
        .line;

        width: 3px;
        height: 35px;
        border-radius: 3px;
      }

      &::after {
        .line;
        width: 35px;
        height: 3px;
        border-radius: 3px;
      }
    }

    .imgBox {
      padding: 0 0 7px 0;
    }
    .ulstyle {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: 0;
      list-style: none;
      padding: 0;
    }

    .liStyle {
      width: 32%;
      padding-bottom: 32%;
      margin-right: 2%;
      margin-top: 2%;
      background-size: cover;
      // background-position: 50%;
      background-repeat: no-repeat;
      list-style: none;
    }

    .common {
      .ulstyle;
      li {
        .liStyle;
      }
      li:nth-of-type(3n + 0) {
        margin-right: 0;
      }
      .firstHeaderImg {
        margin-top: 0;
      }

      .imgCls {
        width: 69%;
        height: 69%;
      }
    }
    .fourStyle {
      .ulstyle;
      li {
        .liStyle;
      }
    }
    .oneStyle {
      margin: 0;
      list-style: none;
      padding: 0;
      li {
        // width: 160px;
        // height: 160px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
      }
    }
  }
}
