/* 正文 */
a {
  text-decoration: none;
  color: #1d1d1d;
}
.e_container {
  /* background: #f5f5f5; */
  position: relative;
  padding: 20px 0;
  min-height: 1000px;
}

.e_content {
  position: relative;
  margin: 0 auto;
}

.head_nav {
  height: 56px;
  line-height: 56px;
  margin-bottom: 20px;
  font-size: 18px;
  border-bottom: 1px solid #e2e2e2;
}

.exercises_nav {
  box-sizing: border-box;
  padding: 20px 30px;
  background: #ffffff;
}

.course_info {
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #333;
  font-weight: normal;
  border-bottom: 1px solid #eee;
}

.exercises_name {
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  border-bottom: 1px solid #eee;
}

.is_report {
  height: 80px;
}

.e_type_nav {
  position: sticky;
  top: 0;
  margin-bottom: 30px;
  width: 1200px;
  height: 80px;
  line-height: 80px;
  background: #ffffff;
  box-shadow: 0px 4px 8px #dddddd;
  z-index: 2;
}

.e_type_nav a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 5px 20px;
  padding: 0 10px;
  font-size: 16px;
  background: #e8ecec;
  border-radius: 10px;
}

.e_type_nav a.current_e_type {
  color: #ffffff;
  background: #274f92;
}

.left_box {
  float: left;
  width: 890px;
}

.tips {
  margin-bottom: 15px;
  padding: 0 15px;
  box-shadow: 0 4px 8px #dddddd;
  height: 52px;
  line-height: 52px;
  font-size: 14px;
  color: #999;
  background: #fffee9;
}

.list {
  box-sizing: border-box;
  padding: 30px 15px;
  background: #ffffff;
}

.item {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.stem_box {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  min-height: 36px;
  padding-bottom: 20px;
  font-size: 16px;
  border-bottom: 1px dashed #ddd;
}

.serial_num {
  margin-right: 10px;
}

.stem {
}

.option_list {
  padding: 20px 50px;
  border-bottom: 1px dashed #ddd;
}

.option_box {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  min-height: 40px;
  margin: 10px 0;
  font-size: 16px;
}

.letter {
  margin-right: 10px;
}

.radio_box {
  box-sizing: border-box;
  height: 80px;
  padding: 10px 50px;
  line-height: 60px;
  font-size: 16px;
}

.radio_box .val {
  display: inline-block;
  margin: 0 20px;
}

.radio_box .val input {
  display: inline-block;
  margin-right: 5px;
}

.next_box {
  box-sizing: border-box;
  height: 80px;
  padding: 10px 50px;
  line-height: 60px;
  background: #ffffff;
  font-size: 16px;
}

.next_box .check_e_type {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  color: #ffffff;
  background: #274f92;
}

.answer_3 {
  flex-shrink: 0;
  flex-basis: 230px;
  margin-left: 50px;
}

.answer_3 input {
  margin-right: 5px;
}

.answer_3 .end_radio {
  margin-left: 50px;
}

.answer_box_4 {
  position: relative;
  font-size: 16px;
}
.answer_box_4 p {
  height: 26px;
  line-height: 26px;
}

.answer_box_4 textarea {
  width: 766px;
  height: 106px;
  padding: 10px;
  outline: none;
  border: 1px solid #eceef1;
  background: #f7f7f7;
  font-size: 14px;
  color: #333;
}

.right_box {
  position: sticky;
  top: 80px;
  float: right;
  box-sizing: border-box;
  width: 300px;
  margin-left: 10px;
}

.answer_sheet {
  width: 300px;
  padding: 20px 0 10px 0;
  background: #ffffff;
}

.answer_sheet h6 {
  height: 42px;
  margin-bottom: 15px;
  line-height: 42px;
  padding-left: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  color: #7abd54;
}
.answer_sheet .sheet_list {
  width: 240px;
  margin: 0 auto;
}

.answer_sheet .sheet_list .type_title {
  height: 30px;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 14px;
  color: #222;
}

.answer_list {
  margin-bottom: 10px;
}

.answer_list li {
  float: left;
  margin: 0 5px 5px 0;
}

.answer_list li a {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #666;
  text-align: center;
  font-size: 12px;
  background: #eaeaea;
}

.answer_list li a.on {
  background: #aaaaaa;
  color: #fff;
}

.submit a {
  display: inline-block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #d93034;
  border-bottom: 2px solid #c02e31;
}

.backstage {
  float: right;
  margin-left: 45px;
  font-size: 16px;
  color: #7abd54;
}

.score_info {
  float: left;
  padding-top: 24px;
  margin-bottom: 10px;
}

.current_score,
.max_score {
  float: left;
  width: 162px;
  margin: 0 25px;
  text-align: center;
}

.current_score p,
.max_score p {
  width: 162px;
  height: 162px;
  line-height: 162px;
  color: #d93034;
  text-align: center;
  border-radius: 50%;
  background: #f2f2f2;
}

.current_score em,
.max_score em {
  font-size: 40px;
}

.current_score span,
.max_score span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #333;
}

.max_score p {
  color: #2f3541;
}

.score_tips {
  width: 288px;
  margin: 0 auto;
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 24px;
  color: #999;
  text-align: center;
}

.score_table {
  float: left;
  margin-left: 12px;
}

.score_table table {
  border: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-left: auto;
  margin-right: auto;
  background: #f3f3f3;
}

.score_table table th {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  font-size: 16px;
  text-align: center;
}

.score_table table td {
  height: 50px;
  padding: 0;
  line-height: 30px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  font-size: 16px;
  text-align: center;
}

.score_table table td em {
  color: #d93034;
}

.score_table table td span {
  color: #7abd54;
}

.bt {
  width: 1140px;
  margin-top: 16px;
  text-align: right;
}

.bt a {
  display: inline-block;
  width: 76px;
  height: 32px;
  margin-right: 16px;
  line-height: 32px;
  font-size: 12px;
  color: #666;
  text-align: center;
}

.bt a.bt02 {
  background: #f3f3f3;
  border: 1px solid #e4e4e4;
}

.explain {
  width: 275px;
  height: 20px;
  line-height: 20px;
  padding-left: 32px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
}

.explain span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  line-height: 20px;
  background: #eaeaea;
  vertical-align: middle;
}

.explain em {
  display: inline-block;
  margin-right: 20px;
  height: 20px;
  line-height: 20px;
}

.is_right {
  background: #7abd54 !important;
  color: #fff !important;
}

.is_error {
  background: #d93034 !important;
  color: #fff !important;
}

.result_box {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
}

.result_box span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin-right: 20px;
}

.modal .submit_box {
  width: 420px;
  height: 320px;
}

.submit_box .close_modal {
  position: absolute;
  top: 3px;
  right: 5px;
  display: inline-block;
  font-size: 16px;
}

.submit_box .info {
  margin-top: 100px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
}

.submit_box .btn_box {
  text-align: center;
}

.submit_box .btn {
  display: inline-block;
  width: 84px;
  line-height: 32px;
  height: 32px;
  margin: 20px 20px;
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  color: #333;
  background: #ddd;
}

.submit_box .continue_btn {
  background: #274f92;
  color: #ffffff;
}

.collect {
  position: absolute;
  right: 10px;
  bottom: 0;
  display: inline-block;
  width: 82px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: white;
  background: #274f92;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}