<template>
  <div>
    <div class="explain__container">
      <div class="explain__title">考试说明</div>
      <div class="explain__box">
        <div class="explain__box-item">
          <div class="explain__box-name">考试次数：</div>
          <div class="explain__box-content">不限考试次数</div>
        </div>
        <div class="explain__box-item">
          <div class="explain__box-name">考试限时：：</div>
          <div class="explain__box-content">60分钟</div>
        </div>
        <div class="explain__box-item">
          <div class="explain__box-name">及格分数：</div>
          <div class="explain__box-content">60分</div>
        </div>
        <div class="explain__box-item">
          <div class="explain__box-name">考试规则：</div>
          <div class="explain__box-content">在限制时间内完成</div>
        </div>
      </div>
    </div>
    <div class="explain__submit">进入考试</div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {};
  },
  activated() {
    document.title = "考试说明";
  }
};
</script>
<style scoped>
body {
  background: #f3f6fb;
}
.explain__container {
  margin: 0 auto;
  width: 60%;
  padding: 60px 0;
}
.explain__title {
  font-size: 23px;
  color: #3e4754;
  text-align: center;
}
.explain__box-item {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.explain__box-name {
  color: #979797;
  font-size: 14px;
  display: inline-block;
  width: 40%;
}
.explain__box-content {
  display: inline-block;
  font-size: 14px;
  color: #3b3b3b;
  width: 58%;
  text-align: right;
}
.explain__submit {
  width: 80%;
  line-height: 44px;
  background: #5185f7;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin: 0 auto;
}
</style>