@import '../../styles-new/default';

.iftide-checkbox {
  display: flex;
  flex-direction: column;
  padding: 0* @hd 15* @hd;
  min-height: 44* @hd;
  justify-content: center;
  background-color: @fill-base;

  .iftide-container {
    flex-direction: row;
    align-items: center;
    display: flex;

    position: relative;
  }
  //复选样式一
  .checkboxLeft {
    width: 28* @hd;
    height: 28* @hd;

  }
  .labelContainerLeft {
    margin-left: 6* @hd;
    flex: 1;

    .titleContainer {
      font-size: 15* @hd;
      color: @color-text-main;
    }
  }
  .leftDescContainer {
    padding: 0* @hd 0* @hd 0* @hd 34* @hd ;
    font-size: 12* @hd;
    color: @color-text-secondary;
  }

  //复选样式二
  .checkboxRight {
    width: 28* @hd;
    height: 28* @hd;


  }
  .containerRight {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .labelContainerRight {
    margin-right: 15* @hd;
    .titleContainer {
      font-size: 15* @hd;
      color: @color-text-main;
    }
  }
  .rightDescContainer {
    padding: 0* @hd 34* @hd 0* @hd 0* @hd ;
    font-size: 12* @hd;
    color: @color-text-secondary;
  }
  .rightDescContainer-hasIcon {
    padding: 0* @hd 34* @hd 0* @hd 34* @hd ;
  }


  .icon {
    width: 28* @hd;
    height: 28* @hd;
    margin-right: 6* @hd;

  }

  .container-agreement {
    flex-direction: row;
    align-items: flex-start;
    display: flex;

  }

  .container-agreement-img {
    margin-top: 3* @hd;
    width: 16* @hd;
    height: 16* @hd;
    margin-right: 6* @hd;
  }
}