#content {
  width: 1280px;
  margin: 0 auto;
  padding: 24px 60px;
}
#content .cont {
  display: flex;
  justify-content: space-between;
}
#content .cont .cont_l {
  width: 836px;
}
#content .cont .cont_l h2 {
  font-size: 28px;
  font-family: b;
  font-weight: bold;
  color: #333333;
  margin-bottom: 24px;
  margin-top: 0;
}
#content .cont .cont_l .ad {
  margin-bottom: 16px;
}
#content .cont .cont_l .ad .ad_title {
  text-align: center;
  font-size: 12px;
  font-family: m;
  font-weight: 500;
  color: #D7D7D7;
  line-height: 14px;
}
#content .cont .cont_l .ad .ad_cont {
  width: 100%;
  min-height: 90px;
}
#content .cont .cont_l .test .test_title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#content .cont .cont_l .test .test_title .q_img {
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
#content .cont .cont_l .test .test_title h3 {
  font-size: 28px;
  font-family: b;
  font-weight: bold;
  color: #333333;
}
#content .cont .cont_l .test .answer li {
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  display: flex;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
  cursor: pointer;
}
#content .cont .cont_l .test .answer li .quan {
  width: 20px;
  height: 20px;
  border: 3px solid #e1dede;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}
#content .cont .cont_l .test .answer li span {
  font-size: 18px;
  font-family: m;
  font-weight: 500;
  color: #666666;
}
#content .cont .cont_l .test .answer li .ok_img,
#content .cont .cont_l .test .answer li .no_img {
  width: 20px;
  height: 24px;
  margin-right: 8px;
  display: none;
}
#content .cont .cont_l .test .answer li:hover {
  background: #eee;
}
#content .cont .cont_l .test .answer li:hover .quan {
  border-color: #666;
}
#content .cont .cont_l .test .next {
  width: 100%;
  height: 52px;
  background: #0072FC;
  border-radius: 6px 6px 6px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  cursor: pointer;
}
#content .cont .cont_l .test .next span {
  font-size: 16px;
  font-family: m;
  font-weight: bold;
  color: #FFFFFF;
}
#content .cont .cont_l .test .next img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
#content .cont .cont_l .based {
  width: 836px;
  height: 40px;
  background: rgba(86, 18, 220, 0.05);
  border-radius: 4px 4px 4px 4px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
#content .cont .cont_l .based span {
  font-size: 16px;
  font-family: m;
  font-weight: 500;
  color: #5612DC;
  line-height: 24px;
}
#content .cont .cont_l .based .based_on {
  color: #999;
}
#content .cont .cont_l .based img {
  width: 24px;
  height: 24px;
  margin: 0 6px 0 12px;
}
#content .cont .cont_l .top_text {
  margin-bottom: 24px;
  font-size: 16px;
  font-family: m;
  font-weight: 500;
  color: #999999;
  line-height: 24px;
}
#content .cont .cont_r {
  width: 300px;
}
#content .cont .cont_r .two_list {
  display: flex;
  margin-bottom: 12px;
}
#content .cont .cont_r .two_list a {
  width: 100%;
  height: 64px;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
#content .cont .cont_r .two_list a img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
#content .cont .cont_r .two_list a span {
  font-size: 16px;
  font-family: m;
  font-weight: 500;
  color: #666666;
}
#content .cont .cont_r .two_list a:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
}
#content .cont .cont_r .two_list a:hover span {
  color: #0072FC;
}
.dui .quan {
  display: none !important;
}
.dui .ok_img {
  display: block !important;
}
.cuo .quan {
  display: none !important;
}
.cuo .no_img {
  display: block !important;
}
.cuo span {
  color: #EB6698 !important;
}
.kuang {
  border: 2px solid #0072FC !important;
  color: #333 !important;
}
.green {
  color: #fff !important;
  background: #4CD25D !important;
}
.red {
  color: #fff !important;
  background: #EB6698 !important;
}
