.wrap {
  width: 375px;
  height: 2060px;
  overflow: hidden;
  margin: 0 auto; }

.container {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeb73f), to(#c31f26));
  background: -webkit-linear-gradient(top, #eeb73f, #c31f26);
  background: -o-linear-gradient(top, #eeb73f, #c31f26);
  background: linear-gradient(to bottom, #eeb73f, #c31f26);
  color: #fff;
  padding: 30px;
  letter-spacing: 1px; }
  .container .tips {
    text-align: center; }
  .container .year-title {
    position: absolute; }
    .container .year-title img {
      display: block; }
    .container .year-title .context {
      margin-top: 10px; }
    .container .year-title .part-img {
      position: absolute; }