.gallery {
  padding: 50px; }
  .gallery * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .gallery .upload-button {
    position: relative;
    margin-bottom: 23px;
    margin-right: 23px;
    padding: 10px 36px; }
    .gallery .upload-button__input {
      position: absolute;
      width: 0;
      height: 0;
      opacity: 0; }
  .gallery .tabs__header {
    text-align: center; }
    .gallery .tabs__header:before, .gallery .tabs__header:after {
      content: '';
      display: table; }
    .gallery .tabs__header:after {
      clear: both; }
    .gallery .tabs__header-item {
      display: inline-block;
      margin: 0 25px;
      padding: 8px 10px;
      cursor: pointer; }
      .gallery .tabs__header-item.is-active {
        border-bottom: 2px solid #9d9d9d; }
  .gallery .tabs__body {
    padding: 27px 0; }
  .gallery .tabs__content + .tabs__content {
    display: none; }
  .gallery .tips {
    margin-left: 23px;
    line-height: 40px;
    vertical-align: top; }
  .gallery-list {
    margin: 0 -7px; }
    .gallery-list-item {
      margin-bottom: 15px;
      padding: 0 7px; }
      .gallery-list-item img {
        width: 100%; }
  .gallery-wrapper {
    position: relative; }
    .gallery-wrapper .toolbox {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      padding: 8px;
      width: 100%;
      font-size: 16px;
      background-color: rgba(0, 0, 0, 0.3);
      text-align: right;
      color: #fff; }
      .gallery-wrapper .toolbox span {
        cursor: pointer; }

.add-image {
  background-color: rgba(0, 0, 0, 0.5); }
  .add-image * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .add-image .input {
    margin-right: 10px;
    width: 100%; }
  .add-image .dialog-container {
    padding: 30px 40px;
    min-width: 620px;
    background-color: #fff;
    border-radius: 4px; }
  .add-image-list {
    margin: 30px -10px;
    font-size: 16px;
    -moz-text-align-last: left;
         text-align-last: left; }
    .add-image-list-item {
      margin-bottom: 15px;
      padding: 0 10px;
      white-space: nowrap; }
  .add-image__button {
    width: 200px; }
  .add-image__delete {
    line-height: 40px;
    vertical-align: top; }
  .add-image .upload-button {
    position: relative;
    margin-bottom: 23px;
    padding: 10px 36px; }
    .add-image .upload-button__input {
      position: absolute;
      width: 0;
      height: 0;
      opacity: 0; }
  .add-image .select {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 40px; }
    .add-image .select-form {
      display: inline-block;
      width: 100%; }