{% extends "mobileui/mobile_base.html" %}
{% block css %}
<style>
  .message {
    margin-left: 36px;
    margin-top: 64px;
  }
  .message dl {
    padding-left: 78px;
    margin: 0 0 39px 0;
  }
  .message dt {
    font-size: 16px;
    color: #c9151e;
    padding-top: 7px;
    padding-bottom: 6px;
    line-height: 18px;
  }
  .message dd {
    font-size: 14px;
    color: #333;
    padding-top: 8px;
    padding-bottom: 7px;
    line-height: 16px;
  }
  .op {
    text-align: center;
    padding-top: 20px;
  }
  .op .button {
    margin: 3px 3px;
    width: 160px;
  }

  .qualify_fail:before {
    width: 62px;
    height: 62px;
    background: url('/img/qualify_fail.png') no-repeat;
    background-size: 100%;
  }

@media (max-width: 60.625em) { /* 950px + 20px */
  .message {
    margin: 40px 10px 0 10px;
  }
  .message dl {
    padding-left: 0px;
    padding-top: 78px;
    margin: 0 0 0 0;
    text-align: center;
  }
  .message dl:before {
    left: 50%;
    margin-left: -31px;
  }
}
</style>
{% endblock %}
{% block content %}
<div class="pagelet">
  <div class="pagelet_inner">
    <div class="message clearfix">
      <dl class="sprite qualify_fail">
        <dd>很遗憾您没有通过评测。您可以继续重新评测。</dd>
      </dl>
    </div>
    <div class="op">
    <a class="button" href="/m/qualify">重新评测</a>
  </div>
  </div>
</div>
{% endblock %}