.scroll1,.scroll2,.scroll3,.scroll4,.scroll5,.scroll6 {
    display: none;
  }
  .scroll1 img,.scroll2 img,.scroll3 img,.scroll4 img,.scroll5 img,.scroll6 img {
    vertical-align: bottom;
  }
  .scroll2 .scroll_item {
    position: relative;
  }
  .scroll2 .scroll_item h3 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    width: 100%;
    box-sizing: border-box;
  }

  .scroll3 {
    width: 500px;
    margin: 0 auto;
  }
  .scroll4 > * {
    background: #eee;
    padding: 10px;
  }
  .scroll4 > *:nth-child(even) {
    background: #ddd;
  }
  .scroll6 li {
    width: 100%;
  }
  .scroll6 li img {
    width: 100%;
    height: auto;
  }