.exam-banner {
  /* background-image: url("../../img/exam/exam-banner.jpg"); */
  background-repeat: no-repeat;
  /* background-color: #358fe3; */
  background-size: 100% 100%;
  /* height: 240px; */
}
.exam-banner img {
  width: 100%;
  height: auto;
}
.exam-appDownload__wrap {
  display: inline-block;
  margin-top: 180px;
}
.exam-appDownload__wrap > .btn {
  border-color: #fff !important;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
  padding: 6px 25px;
  font-size: 16px;
  color: #3E8CCC;
}
.exam-appDownload__wrap > .btn:hover {
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
  color: #3E8CCC;
}
.exam-appDownload-pic {
  background-color: #fff;
  border: 5px solid #fff;
  width: 180px;
  height: 180px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -90px;
  display: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  z-index: 9;
}
.exam-appDownload__wrap:hover .exam-appDownload-pic {
  display: block;
}
.e-box,
.cm-wbg__bx {
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.05);
  padding: 30px 20px;
  border-radius: 6px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cm-bg-fb .exam-start-item {
  background: #FFFFFF;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.05);
  border-radius: 6px;
  padding: 35px 68px 47px;
}
.e-box:hover {
  /* box-shadow: 0 0 50px rgba(115, 185, 230, 0.3); */
}

.kd-icon,
.ct-icon,
.zj-icon,
.vip-icon {
  background-image: url("../../img/exam/i-e-icons.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 66px;
  height: 66px;
}
.kd-icon {
  background-position: 0 0;
}
.ct-icon {
  background-position: 0 -132px;
}
.zj-icon {
  background-position: 0 -264px;
}
.vip-icon {
  background-position: 0 -528px;
}
.e-box:hover:hover .kd-icon {
  background-position: 0 -66px;
}
.e-box:hover:hover .ct-icon {
  background-position: 0 -198px;
}
.e-box:hover:hover .zj-icon {
  background-position: 0 -330px;
}
.e-box:hover:hover .vip-icon {
  background-position: 0 -616px;
}
.i-e-four-btn > .btn {
  width: 70%;
  height: 40px;
  font-size: 16px;
}
.i-e-tj-face .wg-face-list > li {
  width: 42px;
  height: 42px;
  position: relative;
  margin-left: 10px;
}
.i-e-tj-face .wg-face-list > li::after {
  background-color: transparent;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
  bottom: -24px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  line-height: 6px;
  font-size: 0;
  margin-left: -3px;
}
.i-e-tj-face .wg-face-list > li > a > img {
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.i-e-tj-face .wg-face-list > li > a:hover > img,
.i-e-tj-face .wg-face-list > li.active > a > img {
  border-color: #3E8CCC;
}
.i-e-tj-face .wg-face-list > li.active::after {
  background-color: #3E8CCC;
}
.i-e-echart__wrap {
  width: 100%;
  height: 500px;
}
.i-e-exam-upload__wrap {
  background-image: url("../../img/exam/i-e-exam-upload-bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 100% 100%;
  padding: 80px 0 50px 0;
  margin: 0 -30px -30px;
}
.i-e-exam-upload-btn {
  margin-top: 70px;
}
.i-e-exam-upload-btn .btn {
  width: 200px;
  height: 56px;
}
.i-e-upSlide__wrap,
.i-e-upSlide-ul {
  margin: 0;
  height: 316px;
  overflow: hidden;
}
.i-e-upSlide-ul > li {
  height: 65px;
  clear: both;
  overflow: hidden;
}
.i-e-upSlide-ul > li > .media {
  margin: 13px 0;
}
.km-list__wrap > a.km-list-item-btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 10px 10px 0 0;
  position: relative;
  padding-left: 20px;
  color: #666 !important;
}
.km-list__wrap > a.km-list-item-btn::after {
  position: absolute;
  bottom: 5px;
  left: 8px;
  content: ".";
  font-size: 30px;
  color: #ccc;
}
.km-list__wrap > a.km-list-item-btn.active,
.km-list__wrap > a.km-list-item-btn.active:hover,
.km-list__wrap > a.km-list-item-btn.active::after {
  border-color: #3E8CCC !important;
  color: #3E8CCC !important;
}
.km-list__wrap > a.km-list-item-btn.active:hover {
  background-color: #fff;
}
.blank-item {
  background-color: #edf7ff;
  border: 1px solid transparent;
  opacity: 0.8;
  padding: 10px 15px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.blank-item::after {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blank-item.active,
.blank-item:hover {
  border-color: #3E8CCC;
  opacity: 1;
}
.blank-item.active::after,
.blank-item:hover::after {
  background-color: #3E8CCC;
}
.blank-item-opc {
  opacity: 0.6;
}
.e-kdTree-ico-1 > i.fa {
  border: 3px solid rgba(72, 170, 255, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  width: 16px;
  height: 17px;
}
.e-kdTree-dl .badge {
  background-color: #fff;
  border: 1px solid #3E8CCC;
  color: #3E8CCC;
  font-weight: normal;
  padding: 1px 7px;
  margin-left: 3px;
}
.e-kdTree-dl .btn.btn-outline.btn-info {
  padding: 2px 10px;
}
.e-childKdTree__wrap {
  padding: 10px 0 10px 15px;
  border-left: 1px solid #f3f6f8;
  min-height: 80px;
  margin-left: 30px;
}
.e-childKdTree-item {
  padding: 8px 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.e-kdTree-ico-2 {
  background-color: #fff;
  border: 1px solid #3E8CCC;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 0;
  margin-left: -20px;
}
.e-childKdTree-item:hover {
  background-color: #ecf5fb;
}
.e-childKdTree-item:hover .e-ckdTree-txt {
  color: #3E8CCC;
}
.e-childKdTree-item:hover .e-ckdTree-txt .e-kdTree-ico-2 {
  background-color: #3E8CCC;
}
.e-assess-tp-ul > ul {
  margin: 0 -15px;
}
.e-assess-tp-ul > ul > li {
  float: left;
  width: 20%;
}
.e-assess-tp-ul .e-box {
  margin: 0 15px;
  padding: 25px 20px;
}
.e-assess-ico {
  width: 50px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  height: 60px;
}
.e-assess-ico > span {
  /* background-image: url("../../img/exam/e-assess-ico.png"); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.e-assess-ico > .e-assess-ico-1 {
  background-image: url('../../img/exam/zuotiliang.png');
}
.e-assess-ico > .e-assess-ico-2 {
  background-image: url('../../img/exam/zhengquelv.png');
}
.e-assess-ico > .e-assess-ico-3 {
  background-image: url('../../img/exam/zuoticishu.png');
}
.e-assess-ico > .e-assess-ico-4 {
  background-image: url('../../img/exam/pingjundefen.png');
}
.e-assess-ico > .e-assess-ico-5 {
  background-image: url('../../img/exam/chengjipaiming.png');
}
.e-assess-lineCharset__wrap {
  height: 650px;
}
.e-assess-charset-box {
  height: 540px;
}
.e-ass-kd-tab {
  margin-bottom: -20px;
}
.e-ass-kd-tab > button[type="button"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  position: relative;
  height: 45px;
  line-height: 32px;
  font-size: 15px;
}
.e-ass-kd-tab > button[type="button"].current::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  background-color: #3E8CCC;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.exam-pay-list .exam-addCard-btn {
  display: none;
}
.exam-pay-list:hover .exam-addCard-btn {
  display: inline;
}
.examPageBody {
  background-color: #f4f8fb;
  height: 100%;
}
.examPageMain {
  padding-right: 230px;
}
.examPageMain .cm-wbg__bx,
.exam-cm-sort-bx.cm-wbg__bx,
.exam-marking__wrap {
  padding: 15px;
}
.exam-cm-sort-bx.cm-wbg__bx {
  /* padding: 15px 20px 10px; */
  padding: 0;
}
.exam-cm-sort-bx .cm-sort__wrap .cm-sort {
  padding: 10px 0 0 0;
}
.exam-marking__wrap {
  position: absolute;
  right: 50%;
  margin-right: -610px;
  width: 240px;
  top: 30px;
  bottom: 0;
  border-top-left-radius: 0;
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
  transition: 0;
}
#question-record-list-box {
  min-height: 380px;
}
.exam-marking-box {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.e-m-time__wrap {
  background-image: url("../../img/exam/i-e-exam-upload-bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 100% 100%;
  margin: 0 -15px;
  padding: 0 15px 15px;
  min-height: 212px;
}
.exam-answerCard__wrap {
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.eMarking-box__wrap {
  margin-right: -10px;
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
}
.ic-answerCard-num-list > ol > li {
  float: left;
  margin: 6px 3px 0;
}
.ic-answerCard-num-list > ol > li > a,
.ic-answerNum-option {
  border: 1px solid #bbb;
  border-radius: 50%;
  color: #888;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
}
.ic-answerNum-option.badge-info {
  border-color: #3E8CCC;
  color: #fff;
}
.ic-answerCard-num-list > ol.ic-ac-checkbox-ol > li > a,
.ic-answerNum-option.ic-ac-checkbox {
  border-radius: 6px;
}
.ic-answerCard-num-list > ol > li > a:hover {
  color: #3E8CCC;
}
.ic-answerCard-num-list > ol > li.ic-ac-error > a,
.ic-answerCard-num-list > ol > li.ic-ac-error > a:hover,
.ic-ac-error > .ic-answerNum-option,
.ic-ac-error > .ic-answerNum-option:hover {
  border-color: #ed5767;
  color: #ed5767;
}
.ic-answerCard-num-list > ol > li.ic-ac-correct > a,
.ic-answerCard-num-list > ol > li.ic-ac-correct > a:hover,
.ic-ac-correct > .ic-answerNum-option,
.ic-ac-correct > .ic-answerNum-option:hover {
  border-color: #52c381;
  color: #52c381;
}
.examRecord-card-list-box .ic-answerCard-num-list > ol > li.ic-ac-error > a,
.examRecord-card-list-box
  .ic-answerCard-num-list
  > ol
  > li.ic-ac-error
  > a:hover {
  background-color: #ed5767;
  border-color: transparent;
  color: #fff;
}
.examRecord-card-list-box .ic-answerCard-num-list > ol > li.ic-ac-halfRight > a,
.examRecord-card-list-box
  .ic-answerCard-num-list
  > ol
  > li.ic-ac-halfRight
  > a:hover {
  background: -moz-linear-gradient(top, #e74c3c 0, #2FC25B 100%);
  background: -webkit-linear-gradient(top, #e74c3c 0, #2FC25B 100%);
  background: linear-gradient(to bottom, #e74c3c 0, #2FC25B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74c3c',endColorstr='#2FC25B',GradientType=0);
  border: 0;
  color: #fff;
}
.examRecord-card-list-box .ic-answerCard-num-list > ol > li.ic-ac-correct > a,
.examRecord-card-list-box
  .ic-answerCard-num-list
  > ol
  > li.ic-ac-correct
  > a:hover {
  background-color: #52c381;
  border-color: transparent;
  color: #fff;
}
.ic-answerCard-num-list > ol > li.ac-ok > a,
.ic-answerCard-num-list > ol > li.ac-ok > a:hover {
  border-color: #3E8CCC;
  color: #3E8CCC;
}
.ic-answerNum-opBox .ic-options-list {
  min-height: 36px;
  position: relative;
}
.ic-answerNum-opBox .ic-options-list > label > address {
  padding: 5px 0 0 40px;
  font-weight: normal;
}
.ic-answerNum-opBox .ic-options-list > label > address:hover * {
  color: #3E8CCC;
}
.ic-answerNum-opBox .ic-options-list > label > address img {
  margin-top: 10px;
}
.ic-options-list > label > span {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -26px;
}
.exam-tg-txt__wrap {
  padding: 20px 10px;
}
.e-tg-box img,
.analysis-box img {
  background-color: #fff;
  height: auto;
  max-width: 220px;
  display: inline-block;
  margin: 0 10px 10px 0;
  cursor: pointer;
  cursor: url(../../img/big.cur), auto;
}
.layui-layer-bigPicWrap .layui-layer-content {
  background-color: #fff;
  text-align: center;
  padding: 10px;
}
.layui-layer-bigPicWrap .layui-layer-title {
  background-color: transparent;
  border-color: transparent;
}
.ic-options__wrap {
  background-color: #f9fdff;
  border-color: #edf0f7;
  box-shadow: none;
}
.ic-options__wrap .checkbox,
.ic-options__wrap .radio {
  margin: 0;
}
.analysis-box {
  border-top: 1px solid #edf0f7;
  display: none;
  margin: 20px 0 0 0;
  padding-top: 15px;
}
.analysis-btn .fa-angle-down {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.analysis-btn.open .fa-angle-down {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.subExamIco,
.goonExamIco {
  display: inline-block;
  width: 260px;
  height: 210px;
  background-image: url("../../img/exam/subExamIco.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.goonExamIco {
  background-image: url("../../img/exam/goonExamIco.jpg");
  background-repeat: no-repeat;
}
.exam-result-num__wrap > .alert {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #fdfaf6;
  border: 1px solid #faebd2;
}
.vipSubmit-ico__wrap {
  background-image: url("../../img/exam/submit-ok-ico.jpg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 300px;
  height: 214px;
  margin: 50px auto 0;
}
.e-u-cont__wrap {
  border-left: 1px solid #e2e2e2;
  min-height: 500px;
  padding-left: 25px;
  margin-left: -25px;
}
.e-u-menu__wrap {
  margin: 0 10px 0 -5px;
  padding: 0;
  overflow: hidden;
}
.e-u-menu__wrap > ul > li > a {
  color: #666;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.e-u-menu__wrap > ul > li.active > a {
  background-color: #3E8CCC;
  color: #fff;
}
.e-u-assess__wrap .e-assess-tp-ul .e-box {
  box-shadow: none;
  padding: 20px 10px;
  margin: 0 8px;
}
.lay_ppComment__wrap .layui-layer-btn {
  text-align: center;
}
.lay_ppComment__wrap .layui-layer-btn > a {
  height: 42px;
  line-height: 41px;
  font-size: 16px;
}
.ex-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../img/exam/ex-icon.png");
  background-repeat: no-repeat;
}
.stick {
  padding: 1px 5px;
  border: solid 1px #ffa200;
  display: inline-block;
}
.b-halfRight {
  background: -moz-linear-gradient(top, #e74c3c 0, #2FC25B 100%);
  background: -webkit-linear-gradient(top, #e74c3c 0, #2FC25B 100%);
  background: linear-gradient(to bottom, #e74c3c 0, #2FC25B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74c3c',endColorstr='#2FC25B',GradientType=0);
  color: transparent !important;
  border-radius: 20px;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.b-halfRight > .fa {
  display: none;
}
.title-line {
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.85);
  position: relative;
}
.title-line::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(270deg, #5FD1FF 0%, #3E8CCC 100%);
}