@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
  font-family: 'Jalnan';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-3';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.tabBox > div {
  display: none;
}

.tabBox > div.show {
  display: block;
}

.floatBox .left {
  float: left;
}

.floatBox .right {
  float: right;
}

.floatBox::after {
  display: block;
  content: '';
  clear: both;
}

.flBox > *:nth-child(1) {
  float: left;
}

.flBox > *:nth-child(2) {
  float: right;
}

.flBox::after {
  display: block;
  content: '';
  clear: both;
}

.flleft > * {
  float: left;
}

.flleft::after {
  display: block;
  content: '';
  clear: both;
}

.abBoxL {
  position: relative;
}

.abBoxL .ab {
  position: absolute;
  left: 0;
  top: 0;
}

.abBoxR {
  position: relative;
}

.abBoxR .ab {
  position: absolute;
  right: 0;
  top: 0;
}

input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #989898;
  opacity: 1;
  /* Firefox */
}

input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #989898;
  opacity: 1;
  /* Firefox */
}

input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #989898;
  opacity: 1;
  /* Firefox */
}

input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #989898;
  opacity: 1;
  /* Firefox */
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #989898;
}

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #989898;
}

#aside_wrap.leftFixed {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-right: 0;
  overflow: visible;
  left: 0;
}

#aside_wrap.leftFixed::after {
  display: inline-block;
  position: absolute;
  content: '';
  right: -12px;
  top: 21px;
  background: url('/images/certificate/icon_edge.png') no-repeat center center;
  width: 20px;
  height: 17px;
  z-index: -1;
}

#aside_wrap.leftFixed .leftFloat {
  position: relative;
  width: 100px;
  height: 659px;
  padding: 20px 10px 15px;
  background-color: #eee9ff;
  border-radius: 0 15px 15px 0;
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  text-align: center;
  font-family: Jalnan;
  font-size: 22px;
}

#aside_wrap.leftFixed .leftFloat .topB {
  position: relative;
}

#aside_wrap.leftFixed .leftFloat .topB > a {
  position: relative;
  display: block;
  width: 80px;
  height: 100px;
  z-index: 1;
}

#aside_wrap.leftFixed .leftFloat .topB img {
  position: absolute;
  top: -4px;
  left: -15px;
  width: 126px;
}

#aside_wrap.leftFixed .leftFloat strong {
  display: block;
  font-size: 18px;
  line-height: 1.38;
  color: #8c6dff;
  margin: 40px 0 0 0;
}

#aside_wrap.leftFixed .leftFloat strong span {
  display: inline-block;
  padding: 0 16px 0 0;
  background: url('/images/certificate/icon_light.png') no-repeat right 2px;
}

#aside_wrap.leftFixed .leftFloat ul {
  margin: 5px 0 0 0;
}

#aside_wrap.leftFixed .leftFloat ul li a {
  display: inline-block;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 80px;
  height: 120px;
  margin: 15px 0 0 0;
  font-size: 14px;
  line-height: 1.29;
  color: #656565;
  padding: 70px 0 0 0;
  background: #fff url('/images/certificate/icon_left01.png') no-repeat center 18px;
}

#aside_wrap.leftFixed .leftFloat ul li a:hover,
#aside_wrap.leftFixed .leftFloat ul li a .active {
  -webkit-box-shadow: 0.6px 1.9px 8.6px 0.5px rgba(41, 41, 41, 0.05);
  box-shadow: 0.6px 1.9px 8.6px 0.5px rgba(41, 41, 41, 0.05);
}

#aside_wrap.leftFixed .leftFloat ul li:nth-child(2) a {
  background: #fff url('/images/certificate/icon_left02.png') no-repeat center 20px;
}

#aside_wrap.leftFixed .leftFloat ul li:nth-child(3) a {
  background: #fff url('/images/certificate/icon_left03.png') no-repeat center 24px;
}

#aside_wrap.leftFixed .leftFloat ul li:nth-child(4) a {
  background: #fff url('/images/certificate/icon_left04.png') no-repeat center 22px;
}

.certificate {
  width: 1250px;
  margin: 50px auto 30px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
}

.certificate .top .top_banner {
  position: relative;
  width: 929px;
}

.certificate .top .top_banner img {
  width: 100%;
  height: 230px;
  border-radius: 30px;
}

.certificate .top .top_banner strong {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -39px 0 0 0;
  text-align: center;
  font-size: 34px;
  color: #fff;
  font-weight: bold;
}

.certificate .top .top_banner span {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin: 20px 0 0 0;
  text-align: center;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
}

.certificate .top .top_banner span::before {
  position: absolute;
  left: 40%;
  top: 13px;
  margin: 0 0 0 -111px;
  display: block;
  content: '';
  width: 60px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.certificate .top .top_banner span::after {
  position: absolute;
  left: 60%;
  top: 13px;
  margin: 0 0 0 50px;
  display: block;
  content: '';
  width: 60px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.certificate .top .b_box div {
  width: 301px;
  height: 105px;
  margin: 0 0 20px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  background-color: #a2b6ff;
  position: relative;
  overflow: hidden;
  font-family: Jalnan;
  font-size: 14px;
}

.certificate .top .b_box div a {
  position: relative;
  z-index: 1;
  display: block;
  margin: 10px 0 0 50px;
  height: 105px;
}
.certificate .top .b_box .none {
  position: relative;
  z-index: 1;
  display: block;
  padding: 38px 0 0 50px;
  height: 105px;
  margin: 0;
}

.certificate .top .b_box div strong {
  display: inline-block;
  width: 201px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  padding: 0 0 0 42px;
  background: #849eff url('/images/certificate/icon_cal.png') no-repeat 18px center;
  overflow: hidden;
}

.certificate .top .b_box div dl {
  position: relative;
  z-index: 1;
  margin: 9px 0 0 -10px;
}

.certificate .top .b_box div dl:nth-child(3) {
  margin: 5px 0 0 -10px;
}

.certificate .top .b_box div dl dt {
  text-align: center;
  width: 70px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background-color: #fff;
  color: #5a71c8;
}

.certificate .top .b_box div dl dd {
  font-size: 12px;
  font-family: Jalnan;
  color: #292929;
  margin: 0 0 0 10px;
}

.certificate .top .b_box div::after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 57px;
  height: 63px;
  content: '';
  background: url('/images/certificate/icon_cal01.png') no-repeat center center;
}

.certificate .top .b_box div.funcBox {
  margin: 20px 0 0 0;
}

.certificate .top .b_box div:nth-child(2) {
  background-color: #c9a9ff;
}

.certificate .top .b_box div:nth-child(2) strong {
  background: #b488ff url('/images/certificate/icon_cal.png') no-repeat 18px center;
}

.certificate .top .b_box div:nth-child(2)::after {
  left: 0;
  right: none;
  bottom: 0;
  width: 74px;
  height: 48px;
  background: url('/images/certificate/icon_cal02.png') no-repeat center center;
}

.certificate .top .b_box div:nth-child(2) dl dt {
  color: #9c57f5;
}

.certificate .top_box {
  margin: 34px 0 0 0;
}

.certificate .tabMenu {
  position: relative;
  height: 50px;
  border-bottom: 2px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left top, right top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.certificate .tabMenu a {
  float: left;
  display: inline-block;
  width: 33.33%;
  height: 50px;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #989898;
  overflow: hidden;
  text-align: center;
  line-height: 44px;
}

.certificate .tabMenu a em {
  color: #9c57f5;
}

.certificate .tabMenu a.active {
  color: #9c57f5;
  border-bottom: none;
  position: relative;
  z-index: 1;
  line-height: 40px;
  border: 2px solid transparent;
  border-bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, right top, left top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(#fff, #fff), linear-gradient(to left, #adcfff, #b5b0f8, #bb8ff0);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.certificate .tabMenu a span {
  position: relative;
  top: 3px;
  background: url(/images/certificate/icon_home.png) no-repeat left 3px;
  padding: 0 0 0 28px;
}

.certificate .tabMenu a:nth-child(2) span {
  background: url(/images/certificate/icon_talk.png) no-repeat left 5px;
}

.certificate .tabMenu a:nth-child(3) span {
  background: url(/images/certificate/icon_info.png) no-repeat left 5px;
}

.certificate .tabMenu a:nth-child(4) span {
  background: url(/images/certificate/icon_board.png) no-repeat left 4px;
}

.certificate .tabMenu::after {
  display: block;
  content: '';
  clear: both;
}

.certificate .top_box > .flBox {
  margin: 30px 0 0 0;
}

.certificate .top_box > .flBox > div .summary {
  width: 770px;
  height: 263px;
  padding: 30px 0 29px 29px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 2.1px 5.6px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 2.1px 5.6px 8px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}

.certificate .top_box > .flBox > div .summary .cont {
  width: auto;
  height: 161px;
  margin: 20px 0 0 32px;
  padding: 0 30px 0 0;
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.14px;
  text-align: left;
  color: #292929;
  overflow-y: scroll;
}

.certificate .top_box > .flBox > div .summary .cont::-webkit-scrollbar-thumb {
  background-color: #9c57f5;
}

.certificate .top_box > .flBox > div .rateBox {
  width: 770px;
  height: 82px;
  margin: 30px 0 0 0;
  padding: 21px 82px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 2.1px 5.6px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 2.1px 5.6px 8px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
  text-align: center;
}

.certificate .top_box > .flBox > div .rateBox .inner {
  position: relative;
}

.certificate .top_box > .flBox > div .rateBox .inner:first-child {
  margin: 0 160px 0 0;
}

.certificate .top_box > .flBox > div .rateBox .inner:first-child::after {
  position: absolute;
  display: inline-block;
  right: -80px;
  top: -5px;
  content: '';
  width: 1px;
  height: 40px;
  background-color: #989898;
}

.certificate .top_box > .flBox > div .rateBox .inner .text {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: url(/images/certificate/rate01.png) no-repeat left center;
  padding: 0 0 0 47px;
  font-size: 16px;
  font-weight: bold;
  color: #292929;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.certificate .top_box > .flBox > div .rateBox .inner .starBox {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 19px;
  background: url(/images/certificate/star.png) space left center;
  vertical-align: middle;
}

.certificate .top_box > .flBox > div .rateBox .inner .starBox em {
  display: inline-block;
  width: 110px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/images/certificate/star_on.png) space left center;
}

.certificate .top_box > .flBox > div .rateBox .inner .starBox em.rate1 {
  width: 22px;
}

.certificate .top_box > .flBox > div .rateBox .inner .starBox em.rate2 {
  width: 44px;
}

.certificate .top_box > .flBox > div .rateBox .inner .starBox em.rate3 {
  width: 66px;
}

.certificate .top_box > .flBox > div .rateBox .inner .starBox em.rate4 {
  width: 88px;
}

.certificate .top_box > .flBox > div .rateBox .inner:nth-child(2) .text {
  background: url(/images/certificate/rate02.png) no-repeat left center;
}

.certificate .top_box > .flBox > div .faq {
  width: 770px;
  height: 401px;
  margin: 30px 0 0 0;
  padding: 20px 43px 30px 20px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  background: #fff url(/images/certificate/icon_qa.png) no-repeat 608px 35px;
}

.certificate .top_box > .flBox > div .faq > .tabMenu a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  line-height: 38px;
  border-radius: 19.5px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 2px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), to(#fff));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #fff, #fff, #fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  margin: 0 18px 0 0;
}

.certificate .top_box > .flBox > div .faq > .tabMenu a span {
  display: block;
  line-height: 35px;
  padding: 0 15px 0 15px;
  color: #292929;
}

.certificate .top_box > .flBox > div .faq > .tabMenu a span em {
  font-family: Jalnan;
  font-size: 12px;
  color: #9c57f5;
  margin: 0 6px 0 0;
}

.certificate .top_box > .flBox > div .faq > .tabMenu a:first-child span {
  padding: 0 15px 0 53px;
  background: url('/images/certificate/icon_fq.png') no-repeat 20px center/17px auto;
}

.certificate .top_box > .flBox > div .faq > .tabMenu a.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left top, right top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
}

.certificate .top_box > .flBox > div .faq > .tabMenu a.active span {
  color: #9c57f5;
}

.certificate .top_box > .flBox > div .faq .top_tit {
  margin: 33px 0 0 0;
}

.certificate .top_box > .flBox > div .faq .top_tit strong {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #292929;
}

.certificate .top_box > .flBox > div .faq .cont {
  margin: 20px 0 0 0;
}

.certificate .top_box > .flBox > div .faq .cont ul li a {
  display: block;
  width: 100%;
}

.certificate .top_box > .flBox > div .faq .cont ul li a > * {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  line-height: 46px;
}

.certificate .top_box > .flBox > div .faq .cont ul li a strong {
  font-size: 18px;
  font-weight: bold;
  color: #706efe;
  width: 77px;
  text-align: center;
}

.certificate .top_box > .flBox > div .faq .cont ul li a .tit {
  width: 520px;
  font-size: 16px;
  font-weight: 500;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding: 0 0 0 39px;
  background: url(/images/certificate/notice.png) no-repeat left center;
}

.certificate .top_box > .flBox > div .faq .cont ul li a .date {
  font-size: 14px;
  font-weight: normal;
  color: #292929;
  padding: 0 0 0 20px;
  background: url(/images/certificate/icon_date.png) no-repeat left center;
}

.certificate .top_box > .flBox > div .faq .cont ul li a:hover {
  background: rgba(155, 87, 245, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.certificate .top_box > .flBox > div .qa {
  margin: 33px 0 0 0;
}

.certificate .top_box > .flBox > div .qa .top_tit strong {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #292929;
}

.certificate .top_box > .flBox > div .qa .cont {
  margin: 20px 0 0 0;
}

.certificate .top_box > .flBox > div .qa .cont .noList {
  padding: 59px 143px 60px 144px;
  text-align: center;
}

.certificate .top_box > .flBox > div .qa .cont ul li a {
  display: block;
  width: 100%;
}

.certificate .top_box > .flBox > div .qa .cont ul li a > * {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  line-height: 46px;
}

.certificate .top_box > .flBox > div .qa .cont ul li a .tit {
  width: 600px;
  font-size: 16px;
  font-weight: 500;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding: 0 0 0 88px;
  background: url(/images/certificate/icon_q.png) no-repeat 37px 12px;
}

.certificate .top_box > .flBox > div .qa .cont ul li a .date {
  font-size: 14px;
  font-weight: normal;
  color: #292929;
  padding: 0 0 0 20px;
  background: url(/images/certificate/icon_date.png) no-repeat left center;
}

.certificate .top_box > .flBox > div .qa .cont ul li a:hover {
  background: rgba(155, 87, 245, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.certificate .top_box > .flBox > div > .news {
  width: 451px;
  height: 499px;
  padding: 26px 31px 20px 30px;
  border-radius: 30px;
  -webkit-box-shadow: 2.1px 5.6px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 2.1px 5.6px 8px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}

.certificate .top_box > .flBox > div > .news .swiper-pagination {
  width: 390px;
  text-align: center;
  margin: 5px 0 0 0;
}

.certificate .top_box > .flBox > div > .news .swiper-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #9c57f5;
  margin: 0 2px 0 2px;
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.certificate
  .top_box
  > .flBox
  > div
  > .news
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 25px;
  border-radius: 3.5px;
  -webkit-border-radius: 3.5px;
  -moz-border-radius: 3.5px;
  -ms-border-radius: 3.5px;
  -o-border-radius: 3.5px;
}

.certificate .top_box > .flBox > div > .news ul li {
  display: inline-block;
  margin: 21px 0 0 0;
}

.certificate .top_box > .flBox > div > .news ul li:nth-child(even) {
  margin: 21px 0 0 20px;
}

.certificate .top_box > .flBox > div > .news ul li a {
  position: relative;
  display: block;
  width: 185px;
  height: 182px;
  border-radius: 20px;
  overflow: hidden;
}

.certificate .top_box > .flBox > div > .news ul li a::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #292929;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: 1;
}

.certificate .top_box > .flBox > div > .news ul li a .textBox {
  position: absolute;
  left: 0;
  bottom: -75px;
  width: 185px;
  height: 75px;
  padding: 16px 10px 16px 10px;
  background-color: rgba(41, 41, 41, 0.4);
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.certificate .top_box > .flBox > div > .news ul li a .textBox strong {
  display: block;
  font-size: 16px;
  text-align: left;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .top_box > .flBox > div > .news ul li a .textBox p .view {
  padding: 0 0 0 19px;
  width: 60px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.14px;
  background: url(/images/certificate/icon_view.png) no-repeat left center;
}

.certificate .top_box > .flBox > div > .news ul li a .textBox p .date {
  padding: 0 0 0 20px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.14px;
  background: url(/images/certificate/icon_date.png) no-repeat left center;
}

.certificate .top_box > .flBox > div > .news ul li a:hover::after {
  visibility: visible;
  opacity: 0.4;
}

.certificate .top_box > .flBox > div > .news ul li a:hover .textBox {
  bottom: 0;
}

.certificate .top_box > .flBox > div .keyword {
  margin: 22px 0 0 0;
}

.certificate .top_box > .flBox > div .keyword .top_tit {
  height: 56px;
}

.certificate .top_box > .flBox > div .keyword .top_tit strong {
  display: block;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  font-weight: bold;
  color: #292929;
  padding: 0 0 0 73px;
  background: url('/images/certificate/icon_keyword.png') no-repeat 34px center;
}

.certificate .top_box > .flBox > div .keyword .cont {
  margin: 7px 0 0 0;
  width: 450px;
  height: 222px;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  background: rgba(236, 230, 255, 0.8) url(/images/certificate/bg_keyword.png) no-repeat right bottom;
  padding: 20px 0 15px 20px;
}

.certificate .top_box > .flBox > div .keyword .cont ul {
  overflow-y: auto;
  height: 182px;
}

.certificate .top_box > .flBox > div .keyword .cont ul::-webkit-scrollbar-thumb {
  background-color: #9c57f5;
}

.certificate .top_box > .flBox > div .keyword .cont ul li {
  padding: 0 0 0 11px;
  background: url(/images/certificate/icon_arrow_right.png) no-repeat left 8px;
  margin: 10px 0 0 0;
}

.certificate .top_box > .flBox > div .keyword .cont ul li a {
  display: inline-block;
  max-width: 96%;
  padding: 1px 10px 1px 10px;
  border-radius: 13px;
  border: solid 2px transparent;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .top_box > .flBox > div .keyword .cont ul li a:hover {
  border: solid 2px rgba(203, 187, 255, 0.8);
}

.certificate .top_box > .flBox > div .keyword .cont ul li:first-child {
  margin: 0;
}

.certificate .lice_box {
  position: relative;
  margin: 42px 0 0 0;
}

.certificate .lice_box .editor {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  top: -12px;
  right: 48px;
  width: 66px;
  height: 76px;
  background: url('/images/certificate/icon_editor.png') no-repeat center center;
}

.certificate .lice_box .toolpop {
  position: absolute;
  left: 376px;
  top: -42px;
  display: none;
  width: 331px;
  height: 129px;
  line-height: 1;
  padding: 12px 25px 17px 36px;
  background: url('/images/certificate/bg_toolpop.png') no-repeat center center;
  z-index: 1;
}

.certificate .lice_box .toolpop .icon_tool_x {
  position: absolute;
  right: 30px;
  top: 20px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('/images/certificate/icon_tool_x.png') no-repeat center center;
}

.certificate .lice_box .toolpop span {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  padding: 0 8px 0 9px;
  border-radius: 12.5px;
  -webkit-box-shadow: 4.5px 7.8px 10px 0 rgba(124, 124, 124, 0.05);
  box-shadow: 4.5px 7.8px 10px 0 rgba(124, 124, 124, 0.05);
  background-color: #fff;
}

.certificate .lice_box .toolpop p {
  margin: 12px 0 0 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  text-align: left;
  color: #5e5e5e;
}

.certificate .lice_box .toolpop.active {
  display: block;
}

.certificate .lice_box .qaBox {
  width: 100%;
  height: 497px;
  margin: 0 0 11px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(to top, #adcfff, #b5b0f8, #bb8ff0);
  border-image-slice: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left bottom, left top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #adcfff, #b5b0f8, #bb8ff0);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
  position: relative;
}

.certificate .lice_box .qaBox .title_text.tool {
  display: none;
}

.certificate .lice_box .qaBox .title_text.tool .btntool {
  position: relative;
  left: 9px;
  top: 3px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/images/certificate/icon_tooltip.png') no-repeat center center;
}

.certificate .lice_box .qaBox ul {
  height: 412px;
  overflow-y: auto;
}

.certificate .lice_box .qaBox ul::-webkit-scrollbar-thumb {
  background-color: #9c57f5;
}

.certificate .lice_box .qaBox ul li {
  margin: 10px 0 0 0;
  cursor: pointer;
}

.certificate .lice_box .qaBox ul li .q {
  position: relative;
  width: 100%;
  height: 65px;
  line-height: 65px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #292929;
  padding: 0 0 0 45px;
  background: rgba(236, 221, 255, 0.3) url('/images/certificate/icon_arrow_down.png') no-repeat 1170px center;
}

.certificate .lice_box .qaBox ul li .q img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.certificate .lice_box .qaBox ul li .q .q_editor {
  display: none;
  line-height: 1;
}

.certificate .lice_box .qaBox ul li .q .q_editor .checkBox {
  display: block;
  width: 870px;
  height: 84px;
}

.certificate .lice_box .qaBox ul li .q .q_editor .checkBox input[type='checkbox'] {
  display: none;
}

.certificate .lice_box .qaBox ul li .q .q_editor .checkBox input[type='checkbox'] + label {
  position: relative;
  height: 84px;
  line-height: 28px;
  font-size: 16px;
  color: #292929;
  vertical-align: middle;
  cursor: pointer;
  padding: 14px 0 0 40px;
  margin: 0;
}

.certificate .lice_box .qaBox ul li .q .q_editor .checkBox input[type='checkbox'] + label span {
  color: #9c57f5;
}

.certificate .lice_box .qaBox ul li .q .q_editor .checkBox input[type='checkbox'] + label:before {
  position: absolute;
  left: 0;
  top: 21px;
  background: url('/images/certificate/icon_checkbox2_off.png') center center no-repeat;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.certificate .lice_box .qaBox ul li .q .q_editor .checkBox input[type='checkbox']:checked + label:before {
  content: '';
  background: url('/images/certificate/icon_checkbox2_on.png') center center no-repeat;
}

.certificate .lice_box .qaBox ul li .q .q_editor button {
  position: absolute;
  right: 37px;
  top: 23px;
  width: 100px;
  height: 37px;
  font-size: 16px;
  font-weight: bold;
  line-height: 33px;
  color: #292929;
  border-radius: 18.5px;
  border: solid 2px rgba(196, 178, 255, 0.7);
  background-color: #fff;
}

.certificate .lice_box .qaBox ul li .q .q_editor button.btn_cancel {
  display: none;
  right: 152px;
}

.certificate .lice_box .qaBox ul li .q .q_editor button.btn_ok {
  display: none;
}

.certificate .lice_box .qaBox ul li .q .q_editor button:hover {
  border: solid 2px #c4b2ff;
  background-color: #c4b2ff;
}

.certificate .lice_box .qaBox ul li .a {
  height: 0;
  overflow: hidden;
  padding: 0 204px 0 43px;
}

.certificate .lice_box .qaBox ul li .a .textareaWrap {
  height: 0;
  overflow: hidden;
}

.certificate .lice_box .qaBox ul li .a .textareaWrap textarea {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  min-height: 200px;
  padding: 6px 10px;
  outline: none;
  border-width: 1px;
  border-style: solid;
}

.certificate .lice_box .qaBox ul li.active .q {
  background: rgba(236, 221, 255, 0.3) url('/images/certificate/icon_arrow_up.png') no-repeat 1170px center;
  color: #9c57f5;
}

.certificate .lice_box .qaBox ul li.active .a {
  height: auto;
}

.certificate .lice_box .qaBox ul.editor_list {
  display: none;
}

.certificate .lice_box > .lice {
  position: relative;
  width: 210px;
  height: 499px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.07);
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(to top, #adcfff, #b5b0f8, #bb8ff0);
  border-image-slice: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left bottom, left top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #adcfff, #b5b0f8, #bb8ff0);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
}

.certificate .lice_box > .lice .page_box {
  position: absolute;
  top: 26px;
  right: 20px;
  z-index: 1;
  font-size: 16px;
}

.certificate .lice_box > .lice .page_box span {
  display: inline-block;
  margin: 0 3px 0 3px;
}

.certificate .lice_box > .lice .page_box .page {
  color: #706efe;
}

.certificate .lice_box > .lice .swiper-button-prev {
  top: 78px;
  left: auto;
  right: 45px;
  width: 10px;
  height: 10px;
  background: #fff url(/images/certificate/swiper_arrow_left2.png) no-repeat center center;
}

.certificate .lice_box > .lice .swiper-button-next {
  top: 78px;
  left: auto;
  right: 20px;
  width: 10px;
  height: 10px;
  background: #fff url(/images/certificate/swiper_arrow_right2.png) no-repeat center center;
}

.certificate .lice_box > .lice .swiper-pagination {
  width: 1250px;
  text-align: center;
  margin: 40px 0 0 0;
}

.certificate .lice_box > .lice .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #9c57f5;
  margin: 0 4px 0 4px;
  opacity: 1;
}

.certificate .lice_box > .lice .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 35px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.certificate .lice_box > .lice ul {
  height: 400px;
  overflow-y: auto;
  margin: 15px 0 0 0;
}

.certificate .lice_box > .lice ul::-webkit-scrollbar-thumb {
  background-color: #9c57f5;
}

.certificate .lice_box > .lice ul li {
  margin: 10px 0 0 0;
  padding: 0 14px 0 30px;
  background: url('/images/certificate/icon_arrow_right.png') no-repeat 18px 12px;
}

.certificate .lice_box > .lice ul li a {
  display: block;
  padding: 6px 4px;
}

.certificate .lice_box > .lice ul li a:hover {
  border-radius: 10px;
  background: rgba(155, 87, 245, 0.1);
}

.certificate .lice_box > .lice ul.no li {
  display: block;
  padding: 6px 18px 6px 34px;
}

.certificate .lice_box.active .editor {
  background: url('/images/certificate/icon_editor_on.png') no-repeat center center;
}

.certificate .lice_box.active .title_text {
  display: none;
}

.certificate .lice_box.active .title_text.tool {
  display: block;
}

.certificate .lice_box.active .qaBox ul li .q {
  background: rgba(236, 221, 255, 0.3);
  height: 84px;
}

.certificate .lice_box.active .qaBox ul li .q .q_base {
  display: none;
}

.certificate .lice_box.active .qaBox ul li .q .q_editor {
  display: block;
}

.certificate .lice_box.active .qaBox ul li.editor_on .q {
  background: rgba(236, 221, 255, 0.3);
  height: 84px;
}

.certificate .lice_box.active .qaBox ul li.editor_on .q button.btn_editor {
  display: none;
}

.certificate .lice_box.active .qaBox ul li.editor_on .q button.btn_cancel {
  display: block;
}

.certificate .lice_box.active .qaBox ul li.editor_on .q button.btn_ok {
  display: block;
}

.certificate .lice_box.active .qaBox ul li.editor_on .a {
  padding: 0;
}

.certificate .lice_box.active .qaBox ul li.editor_on .a .conts {
  display: none;
}

.certificate .lice_box.active .qaBox ul li.editor_on .a .textareaWrap {
  height: auto;
}

.certificate .lice_box.active .qaBox ul.editor_list {
  display: block;
}

.certificate .lice_box.active .qaBox ul.ul_list {
  display: none;
}

.certificate .bannerWrap {
  width: 1250px;
  height: 223px;
  margin: 52px 0 0 0;
  border-radius: 30px;
  background-color: #92c2fb;
  overflow: hidden;
  text-align: center;
}

.certificate .banner_box {
  margin: 50px 0 0 0;
}

.certificate .banner_box .ba01 {
  position: relative;
}

.certificate .banner_box .ba01::after {
  z-index: 1;
  display: none;
  content: '';
  position: absolute;
  width: 162px;
  height: 41px;
  top: 57px;
  right: 247px;
  background: url('/images/certificate/banner01_over.png');
}

.certificate .banner_box .ba01:hover::after {
  display: block;
}

.certificate .reportWrap {
  margin: 50px 0 0 0;
}

.certificate .reportWrap .tabMenu {
  margin: 30px 0 0 0;
}

.certificate .reportWrap .tabMenu a {
  display: inline-block;
  height: 40px;
  padding: 0;
  border-radius: 19.5px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 0 15px 0 0;
  vertical-align: middle;
  border: 2px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), to(#fff));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #fff, #fff, #fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.certificate .reportWrap .tabMenu a span {
  display: inline-block;
  height: 38px;
  line-height: 36px;
  padding: 0 20px 0 20px;
}

.certificate .reportWrap .tabMenu a.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left top, right top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
}

.certificate .reportWrap .tabBox {
  width: 1250px;
  margin: 20px 0 0;
  padding: 30px 0 30px 0;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  text-align: center;
}

.certificate .reportWrap .tabBox > div {
  text-align: center;
}

.certificate .reportWrap .tabBox > div .chart_box {
  display: inline-block;
}

.certificate .datalab .datalabWrap {
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.05);
  background: #fff url('/images/certificate/bg_datalab.png') no-repeat center top/100% 926px;
  padding: 0;
  margin: 20px 0 0 0;
}

.certificate .datalab .datalabWrap .datalabBox {
  border-radius: 18px;
  background: rgba(155, 87, 245, 0.1);
  padding: 15px 20px 20px 20px;
}

.certificate .datalab .datalabWrap .datalabBox .tit {
  display: inline-block;
  width: 145px;
  height: 15px;
  line-height: 0;
  border-radius: 7.5px;
  background-color: #fff;
  margin: 0 0 0 14px;
}

.certificate .datalab .datalabWrap .datalabBox .tit strong {
  font-size: 20px;
  font-weight: bold;
  color: #292929;
  padding: 0 0 0 39px;
  background: url('/images/certificate/icon_lice_tit.png') no-repeat 9px 6px;
}

.certificate .datalab .datalabWrap .datalabBox .part {
  margin: 15px 0 0 0;
}

.certificate .datalab .datalabWrap .datalabBox .part > * {
  float: left;
  width: 100%;
  max-height: 368px;
  border-radius: 20px;
  -webkit-box-shadow: 3.9px 8.1px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 3.9px 8.1px 10px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding: 20px 20px 20px 20px;
}

.certificate .datalab .datalabWrap .datalabBox .part > * > strong {
  display: block;
  padding: 0 0 0 25px;
}

.certificate .datalab .datalabWrap .datalabBox .part .chart {
  max-width: 370px;
  padding: 20px 0 20px 20px;
}

.certificate .datalab .datalabWrap .datalabBox .part .chart > strong {
  background: url('/images/certificate/icon_chart.png') no-repeat left 3px;
}

.certificate .datalab .datalabWrap .datalabBox .part .chart > p {
  width: 311px;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: -0.13px;
  color: #5e5e5e;
  border-radius: 10px;
  background-color: rgba(215, 217, 252, 0.4);
  text-align: center;
  margin: 5px 0 0 25px;
}

.certificate .datalab .datalabWrap .datalabBox .part .chart .chartBox {
  margin: 5px 0 0 -15px;
}

.certificate .datalab .datalabWrap .datalabBox .part .top {
  max-width: 261px;
  margin: 0 0 0 20px;
}

.certificate .datalab .datalabWrap .datalabBox .part .top > strong {
  background: url('/images/certificate/icon_top.png') no-repeat left 4px;
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox {
  margin: 20px 0 0 0;
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li {
  position: relative;
  height: 50px;
  margin: 10px 0 0 0;
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li::after {
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
  content: '';
  width: 7px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url('/images/certificate/icon_arrow_right2.png') no-repeat center center;
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li a {
  display: block;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #292929;
  padding: 0 33px 0 49px;
  border-radius: 20px;
  background-color: rgba(195, 171, 255, 0.2);
  background-image: url('/images/certificate/icon_num1.png');
  background-repeat: no-repeat;
  background-position: 12px center;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li a:hover {
  background-color: rgba(195, 171, 255, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(2) a {
  background-color: rgba(255, 196, 215, 0.2);
  background-image: url('/images/certificate/icon_num2.png');
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(2) a:hover {
  background-color: rgba(255, 196, 215, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(3) a {
  background-color: rgba(255, 243, 137, 0.2);
  background-image: url('/images/certificate/icon_num3.png');
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(3) a:hover {
  background-color: rgba(255, 243, 137, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(4) a {
  background-color: rgba(213, 255, 158, 0.2);
  background-image: url('/images/certificate/icon_num4.png');
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(4) a:hover {
  background-color: rgba(213, 255, 158, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(5) a {
  background-color: rgba(198, 218, 255, 0.2);
  background-image: url('/images/certificate/icon_num5.png');
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li:nth-child(5) a:hover {
  background-color: rgba(198, 218, 255, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li.no::after {
  background: none;
}

.certificate .datalab .datalabWrap .datalabBox .part .top .ulBox ul li.no a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(152, 152, 152, 0.1);
  border: 3px solid transparent;
  cursor: unset;
}

.certificate .datalab .datalabWrap .datalabBox .part .list {
  max-width: 539px;
  margin: 0 0 0 20px;
}

.certificate .datalab .datalabWrap .datalabBox .part .list > strong {
  background: url('/images/certificate/icon_total.png') no-repeat left 4px;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap {
  margin: 10px 0 0 0;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox {
  max-width: 230px;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li {
  position: relative;
  height: 50px;
  margin: 10px 0 0 0;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li::after {
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
  content: '';
  width: 7px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url('/images/certificate/icon_arrow_right2.png') no-repeat center center;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li a {
  display: block;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #292929;
  border-radius: 20px;
  background: rgba(152, 152, 152, 0.1);
  border: 3px solid transparent;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li a span {
  display: block;
  height: 44px;
  line-height: 42px;
  padding: 0 35px 0 43px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li a span em {
  position: absolute;
  left: 20px;
  top: 4px;
  font-family: 'Jalnan';
  font-size: 18px;
  color: #9c57f5;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li a span em.last {
  left: 15px;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li a:hover {
  -webkit-box-shadow: 4.5px 7.8px 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 4.5px 7.8px 10px 0 rgba(0, 0, 0, 0.08);
  border-style: solid;
  border-width: 3px;
  border-image-source: linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
  border-image-slice: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f8f8f8)),
    -webkit-gradient(linear, left top, right top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8), linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li.no::after {
  background: none;
}

.certificate .datalab .datalabWrap .datalabBox .part .list .ulWrap .ulBox ul li.no a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(152, 152, 152, 0.1);
  border: 3px solid transparent;
  cursor: unset;
}

.certificate .datalab .datalabWrap .datalabBox .part::after {
  display: block;
  content: '';
  clear: both;
}

.certificate .datalab .datalabWrap .datalabBox.job {
  margin: 20px 0 0 0;
  background: rgba(148, 185, 255, 0.2);
}

.certificate .datalab .datalabWrap .datalabBox.job .tit {
  width: 122px;
}

.certificate .datalab .datalabWrap .datalabBox.job .tit strong {
  background: url('/images/certificate/icon_job_tit.png') no-repeat 9px 2px;
}

.certificate .datalab .datalabWrap .datalabBox.job .part .chart > p {
  width: 281px;
  background: rgba(252, 210, 234, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li a {
  background-color: rgba(198, 190, 247, 0.2);
  background-image: url('/images/certificate/icon_num11.png');
  background-repeat: no-repeat;
  background-position: 12px center;
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li a:hover {
  background-color: rgba(198, 190, 247, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(2) a {
  background-color: rgba(250, 219, 170, 0.2);
  background-image: url('/images/certificate/icon_num12.png');
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(2) a:hover {
  background-color: rgba(250, 219, 170, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(3) a {
  background-color: rgba(250, 244, 205, 0.2);
  background-image: url('/images/certificate/icon_num13.png');
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(3) a:hover {
  background-color: rgba(250, 244, 205, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(4) a {
  background-color: rgba(250, 203, 214, 0.2);
  background-image: url('/images/certificate/icon_num14.png');
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(4) a:hover {
  background-color: rgba(250, 203, 214, 0.4);
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(5) a {
  background-color: rgba(151, 213, 255, 0.2);
  background-image: url('/images/certificate/icon_num15.png');
}

.certificate .datalab .datalabWrap .datalabBox.job .part .top .ulBox ul li:nth-child(5) a:hover {
  background-color: rgba(151, 213, 255, 0.4);
}

.certificate .datalab .datalabWrap .allWrap {
  position: relative;
  padding: 20px 0 20px 20px;
}

.certificate .datalab .datalabWrap .allWrap .btn_all {
  display: block;
  width: 127px;
  height: 30px;
  line-height: 26px;
  padding: 0 0 0 28px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  border-radius: 15px;
  -webkit-box-shadow: 4.5px 7.8px 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 4.5px 7.8px 10px 0 rgba(0, 0, 0, 0.08);
  border: 0;
  background: #fff url(/images/certificate/icon_all.png) no-repeat 13px 8px;
}

.certificate .datalab .datalabWrap .allWrap .allBox {
  display: none;
  position: absolute;
  top: -212px;
  width: 558px;
  height: 210px;
  padding: 15px 15px 17px 15px;
  border-radius: 20px;
  -webkit-box-shadow: 4.5px 7.8px 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 4.5px 7.8px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: #fffcee;
}

.certificate .datalab .datalabWrap .allWrap .allBox::after {
  position: absolute;
  left: 8px;
  bottom: -8px;
  display: block;
  content: '';
  width: 28px;
  height: 20px;
  background: url(/images/certificate/pop_edge.png) no-repeat center center;
}

.certificate .datalab .datalabWrap .allWrap .allBox strong {
  display: inline-block;
  height: 25px;
  border-radius: 12.5px;
  -webkit-box-shadow: 4.5px 7.8px 10px 0 rgba(124, 124, 124, 0.05);
  box-shadow: 4.5px 7.8px 10px 0 rgba(124, 124, 124, 0.05);
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  padding: 0 10px 0 30px;
  background: #fff url(/images/certificate/pop_tit1.png) no-repeat 10px center;
}

.certificate .datalab .datalabWrap .allWrap .allBox strong.job {
  background: #fff url(/images/certificate/pop_tit2.png) no-repeat 10px center;
  margin: 10px 0 0 0;
}

.certificate .datalab .datalabWrap .allWrap .allBox p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.21;
  color: #5e5e5e;
  margin: 10px 0 0 0;
}

.certificate .datalab .datalabWrap .allWrap .allBox.active {
  display: block;
}

.certificate .infoWrap {
  margin: 60px 0 0 0;
}

.certificate .infoWrap > .tabMenu {
  margin: 56px 0 0 0;
}

.certificate .infoWrap > .tabMenu a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  line-height: 38px;
  border-radius: 19.5px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 2px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), to(#fff));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #fff, #fff, #fff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  margin: 0 18px 0 0;
}

.certificate .infoWrap > .tabMenu a span {
  display: block;
  line-height: 35px;
  padding: 0 20px 0 20px;
  color: #292929;
}

.certificate .infoWrap > .tabMenu a.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left top, right top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
}

.certificate .infoWrap > .tabMenu a.active span {
  color: #9c57f5;
}

.certificate .infoWrap .infoBox {
  margin: 50px 0 0 0;
  width: 1250px;
  height: 733px;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.certificate .infoWrap .infoBox .top {
  position: relative;
}

.certificate .infoWrap .infoBox .top .search_wrap {
  top: 105px;
  left: 216px;
}

.certificate .infoWrap .infoBox .cont {
  padding: 40px 15px 50px 15px;
}

.certificate .infoWrap .infoBox .cont > ul > li {
  display: block;
  width: 275px;
  height: 360px;
  margin: 0 15px;
  padding: 13px 18px 18px 18px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 20px;
  -webkit-box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  background-color: #fff;
  text-align: center;
  border: solid 2px #fff;
  cursor: pointer;
}

.certificate .infoWrap .infoBox .cont > ul > li strong {
  margin: 15px 0 0 0;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.certificate .infoWrap .infoBox .cont > ul > li .locate {
  margin: 14px 0 13px 0;
  height: 12px;
  border-bottom: 1px solid #706efe;
}

.certificate .infoWrap .infoBox .cont > ul > li .locate .tit {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 13px 0 10px;
  border-radius: 12.5px;
  background-color: #706efe;
  font-size: 14px;
  color: #fff;
}

.certificate .infoWrap .infoBox .cont > ul > li .text {
  display: block;
  margin: 20px 0 0 0;
}

.certificate .infoWrap .infoBox .cont > ul > li .text .tit {
  display: inline-block;
  width: 176px;
  padding: 0 0 0 24px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  vertical-align: middle;
  background: url('/images/certificate/icon_li.png') no-repeat 3px center;
}

.certificate .infoWrap .infoBox .cont > ul > li .text .day {
  display: inline-block;
  width: 49px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 4px;
  background: #9c57f5;
  border-radius: 10px;
  color: #fff;
  vertical-align: middle;
}

.certificate .infoWrap .infoBox .cont > ul > li .text2 {
  display: block;
  margin: 14px 0 0 0;
}

.certificate .infoWrap .infoBox .cont > ul > li .text2 .tit {
  display: inline-block;
  padding: 0 0 0 24px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  vertical-align: middle;
  background: url('/images/certificate/icon_per.png') no-repeat left center;
}

.certificate .infoWrap .infoBox .cont > ul > li .text2 .per {
  position: relative;
  display: inline-block;
  width: 153px;
  height: 17px;
  margin: 0 0 0 9px;
  border-radius: 8.5px;
  border: solid 1px #706efe;
  background-color: #fff;
  vertical-align: middle;
}

.certificate .infoWrap .infoBox .cont > ul > li .text2 .per span {
  display: block;
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  height: 17px;
  line-height: 15px;
}

.certificate .infoWrap .infoBox .cont > ul > li .text2 .per::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: '';
  width: 65%;
  height: 15px;
  border-radius: 8.5px;
  background-color: #706efe;
}

.certificate .infoWrap .infoBox .cont > ul > li .text3 {
  display: block;
  margin: 14px 0 0 0;
  text-align: left;
}

.certificate .infoWrap .infoBox .cont > ul > li .text3 .tit {
  display: block;
  padding: 0 0 0 24px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  background: url('/images/certificate/icon_time.png') no-repeat 3px center;
}

.certificate .infoWrap .infoBox .cont > ul > li .text3 .day {
  display: block;
  font-size: 14px;
  padding: 0 0 0 25px;
  color: #292929;
}

.certificate .infoWrap .infoBox .cont > ul > li .won {
  width: 235px;
  height: 41px;
  line-height: 41px;
  margin: 19px 0 0;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 10px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: bold;
  color: #706efe;
}

.certificate .infoWrap .infoBox .cont > ul > li:hover {
  border: solid 2px #b9b8ff;
  -webkit-box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
}

.certificate .locateWrap {
  margin: 50px 0 0 0;
}

.certificate .locateWrap .locateBox {
  width: 1250px;
  height: 641px;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.certificate .locateWrap .locateBox .top {
  position: relative;
}

.certificate .locateWrap .locateBox .top .search_wrap {
  top: 105px;
  left: 216px;
}

.certificate .locateWrap .locateBox .top .search_wrap .input_wrap {
  border: 2px solid #9c57f5;
}

.certificate .locateWrap .locateBox .top .search_wrap button {
  background: #9c57f5 url(/images/certificate/btn_search.png) no-repeat 90px center;
  border: 2px solid #9c57f5;
}

.certificate .locateWrap .locateBox .cont {
  padding: 40px 15px 50px 15px;
}

.certificate .locateWrap .locateBox .cont > ul > li {
  display: block;
  width: 275px;
  height: 268px;
  margin: 0 15px;
  padding: 13px 18px 18px 18px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 20px;
  -webkit-box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  background-color: #fff;
  text-align: center;
  border: solid 2px #fff;
  cursor: pointer;
}

.certificate .locateWrap .locateBox .cont > ul > li strong {
  margin: 15px 0 0 0;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.certificate .locateWrap .locateBox .cont > ul > li .locate {
  margin: 14px 0 13px 0;
  height: 12px;
  border-bottom: 1px solid #9c57f5;
}

.certificate .locateWrap .locateBox .cont > ul > li .locate .tit {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 13px 0 10px;
  border-radius: 12.5px;
  background-color: #9c57f5;
  font-size: 14px;
  color: #fff;
}

.certificate .locateWrap .locateBox .cont > ul > li .text3 {
  display: block;
  margin: 30px 0 0 0;
  text-align: left;
}

.certificate .locateWrap .locateBox .cont > ul > li .text3 .tit {
  display: block;
  padding: 0 0 0 24px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  background: url('/images/certificate/icon_li2.png') no-repeat left center;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .locateWrap .locateBox .cont > ul > li .text3 .day {
  display: block;
  font-size: 14px;
  padding: 0 0 0 25px;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 3px 0 0 0;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox {
  text-align: left;
  padding: 0 0 0 25px;
  margin: 5px 0 0 0;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox .starBox {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 19px;
  background: url(/images/certificate/star2.png) space left center;
  vertical-align: middle;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox .starBox em {
  display: inline-block;
  width: 110px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/images/certificate/star2_on.png) space left center;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox .starBox em.rate1 {
  width: 22px;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox .starBox em.rate2 {
  width: 44px;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox .starBox em.rate3 {
  width: 66px;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox .starBox em.rate4 {
  width: 88px;
}

.certificate .locateWrap .locateBox .cont > ul > li .rateBox span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #9c57f5;
}

.certificate .locateWrap .locateBox .cont > ul > li:hover {
  border: solid 2px #dbb8ff;
  -webkit-box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
}

.certificate .recWrap {
  margin: 50px 0 0 0;
}

.certificate .recWrap .recBox {
  width: 1250px;
  height: 681px;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  overflow: hidden;
}

.certificate .recWrap .recBox .top {
  position: relative;
  overflow: hidden;
}

.certificate .recWrap .recBox .swiper-button-prev {
  width: 53px;
  height: 52px;
  padding: 19px 23px 19px 24px;
  -webkit-box-shadow: 1.3px 2.7px 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1.3px 2.7px 10px 0 rgba(0, 0, 0, 0.15);
  background: #fff url(/images/certificate/swiper_arrow_left.png) no-repeat center center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  left: 3px;
}

.certificate .recWrap .recBox .swiper-button-next {
  width: 53px;
  height: 52px;
  padding: 19px 23px 19px 24px;
  -webkit-box-shadow: 1.3px 2.7px 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1.3px 2.7px 10px 0 rgba(0, 0, 0, 0.15);
  background: #fff url(/images/certificate/swiper_arrow_right.png) no-repeat center center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  right: 3px;
}

.certificate .recWrap .recBox .swiper-pagination {
  width: 1250px;
  text-align: center;
  margin: 40px 0 0 0;
}

.certificate .recWrap .recBox .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #9c57f5;
  margin: 0 4px 0 4px;
  opacity: 1;
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
}

.certificate .recWrap .recBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 35px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.certificate .recWrap .recBox .cont {
  padding: 40px 26px 40px 26px;
  overflow: visible;
}

.certificate .recWrap .recBox .cont > ul > li {
  display: block;
  width: 275px !important;
  height: 412px;
  padding: 13px 18px 18px 18px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 20px;
  -webkit-box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  background-color: #fff;
  text-align: center;
  border: solid 2px #fff;
  cursor: pointer;
}

.certificate .recWrap .recBox .cont > ul > li .text3 {
  display: block;
  margin: 10px 0 0 0;
  text-align: left;
}

.certificate .recWrap .recBox .cont > ul > li .text3 .tit {
  display: block;
  padding: 0 0 0 36px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  background: url('/images/certificate/icon_rec.png') no-repeat left 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.certificate .recWrap .recBox .cont > ul > li .text3 .name {
  display: block;
  font-size: 14px;
  padding: 0 0 0 36px;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 4px 0 0 0;
}

.certificate .recWrap .recBox .cont > ul > li .text3 .com {
  display: block;
  font-size: 14px;
  padding: 0 0 0 36px;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 4px 0 0 0;
}

.certificate .recWrap .recBox .cont > ul > li .text3 .day {
  display: block;
  font-size: 14px;
  padding: 0 0 0 36px;
  color: #292929;
  margin: 4px 0 0 0;
}

.certificate .recWrap .recBox .cont > ul > li:hover {
  border: solid 2px #dbb8ff;
  -webkit-box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
}

.certificate .jobWrap {
  margin: 50px 0 0 0;
}

.certificate .jobWrap .jobBox {
  width: 1250px;
  height: 909px;
  border-radius: 30px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.certificate .jobWrap .jobBox .top {
  position: relative;
}

.certificate .jobWrap .jobBox .top .search_wrap {
  top: 109px;
  left: 204px;
}

.certificate .jobWrap .jobBox .top .search_wrap .input_wrap {
  border: 2px solid #9c57f5;
}

.certificate .jobWrap .jobBox .top .search_wrap button {
  background: #9c57f5 url(/images/certificate/btn_search.png) no-repeat 90px center;
  border: 2px solid #9c57f5;
}

.certificate .jobWrap .jobBox .cont {
  padding: 40px 15px 50px 15px;
}

.certificate .jobWrap .jobBox .cont > ul > li {
  display: block;
  width: 1190px;
  height: 152px;
  margin: 15px 15px 0 15px;
  border-radius: 20px;
  -webkit-box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.9px 1.8px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  background-color: #fff;
  text-align: center;
  border: solid 2px #fff;
  cursor: pointer;
}

.certificate .jobWrap .jobBox .cont > ul > li .left {
  width: 275px;
  height: 150px;
  padding: 16px 18px 18px 18px;
  -webkit-box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 4.9px 3.4px 8px 0 rgba(0, 0, 0, 0.05);
}

.certificate .jobWrap .jobBox .cont > ul > li .left strong {
  width: 180px;
  margin: 15px 30px 0 30px;
  font-size: 14px;
  line-height: 1.25;
  font-weight: bold;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.certificate .jobWrap .jobBox .cont > ul > li .left .locate {
  margin: 14px 0 13px 0;
  height: 12px;
  border-bottom: 1px solid #9c57f5;
}

.certificate .jobWrap .jobBox .cont > ul > li .left .locate .tit {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 13px 0 10px;
  border-radius: 12.5px;
  background-color: #9c57f5;
  font-size: 14px;
  color: #fff;
}

.certificate .jobWrap .jobBox .cont > ul > li .left .text3 {
  display: block;
  margin: 30px 0 0 0;
  text-align: left;
}

.certificate .jobWrap .jobBox .cont > ul > li .left .text3 .tit {
  display: block;
  padding: 0 0 0 24px;
  font-size: 14px;
  font-weight: bold;
  color: #292929;
  background: url('/images/certificate/icon_li2.png') no-repeat left center;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .jobWrap .jobBox .cont > ul > li .left .text3 .day {
  display: block;
  font-size: 14px;
  padding: 0 0 0 25px;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 3px 0 0 0;
}

.certificate .jobWrap .jobBox .cont > ul > li .right {
  width: 911px;
  padding: 18px 18px 18px 33px;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co {
  width: 660px;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co strong {
  display: block;
  width: 660px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #292929;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul {
  margin: 9px 0 0 0;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul li {
  display: inline-block;
  margin: 15px 0 0 0;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul li span {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul li .subj {
  width: 50px;
  height: 20px;
  margin: 0 14px 0 0;
  border-radius: 10px;
  background-color: #717071;
  font-weight: bold;
  color: #fff;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul li .con {
  width: 190px;
  color: #292929;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul li:nth-child(even) .subj {
  width: 70px;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .co ul li:nth-child(even) .con {
  width: 297px;
}

.certificate .jobWrap .jobBox .cont > ul > li .right .price {
  width: 175px;
  height: 112px;
  padding: 45px 0 46px;
  border-radius: 10px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: bold;
  color: #9c57f5;
}

.certificate .jobWrap .jobBox .cont > ul > li:hover {
  border: solid 2px #dbb8ff;
  -webkit-box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
  box-shadow: 0.6px 1.9px 7.8px 1.2px rgba(41, 41, 41, 0.2);
}

.certificate .jobWrap .jobBox .cont .infotext {
  margin: 20px 15px 0 0;
  text-align: right;
}

.certificate .jobWrap .jobBox .cont .paging {
  padding: 40px 0 20px 0;
}

.certificate .search_wrap {
  position: absolute;
  width: 823px;
  height: 60px;
  border-radius: 20px;
  text-align: center;
}

.certificate .search_wrap .addr_wrap {
  display: none;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  position: absolute;
  left: 0;
  top: 46px;
  width: 633px;
  height: 190px;
  background: #fff;
  -webkit-box-shadow: -5px 8.7px 40px 0 rgba(93, 93, 93, 0.16);
  box-shadow: -5px 8.7px 40px 0 rgba(93, 93, 93, 0.16);
  padding: 30px 0 0 0;
  text-align: left;
}

.certificate .search_wrap .addr_wrap.on {
  display: block;
}

.certificate .search_wrap .addr_wrap ul {
  overflow-y: scroll;
  height: 160px;
  padding: 0 10px 0 10px;
}

.certificate .search_wrap .addr_wrap ul::-webkit-scrollbar-thumb {
  background-color: #bb8ff0;
}

.certificate .search_wrap .addr_wrap ul li {
  border-top: 1px solid #efefef;
}

.certificate .search_wrap .addr_wrap ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 0 0 30px;
  background: url('/images/certificate/icon_search_arrow.png') no-repeat 20px center;
}

.certificate .search_wrap .addr_wrap ul li a span {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  padding: 0 8px 0 8px;
  border-radius: 10px;
}

.certificate .search_wrap .addr_wrap ul li a:hover span {
  background-color: rgba(224, 199, 255, 0.5);
}

.certificate .search_wrap .addr_wrap ul li:first-child {
  border-top: 0;
}

.certificate .search_wrap .search_box {
  display: inline-block;
  position: relative;
  width: 823px;
  height: 60px;
}

.certificate .search_wrap .search_box .input_wrap {
  position: relative;
  width: 633px;
  height: 60px;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -ms-border-radius: 20px 20px 20px 20px;
  -o-border-radius: 20px 20px 20px 20px;
  border: 2px solid #706efe;
  background: #fff;
  z-index: 1;
}

.certificate .search_wrap .search_box .input_wrap .input_box {
  position: absolute;
  width: 629px;
  height: 56px;
  overflow: hidden;
  border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -ms-border-radius: 20px 20px 20px 20px;
  -o-border-radius: 20px 20px 20px 20px;
  z-index: 1;
}

.certificate .search_wrap .search_box .input_wrap .input_box::before {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  content: '';
  left: 26px;
  top: 20px;
  background-image: url(/images/certificate/icon_text.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.certificate .search_wrap .search_box .input_wrap .input_box input {
  width: 629px;
  height: 56px;
  border: 0;
  padding: 0 0 0 50px;
  background: #fff;
  color: #292929;
}

.certificate .search_wrap .search_box .input_wrap .input_box input::-webkit-input-placeholder {
  color: #292929;
}

.certificate .search_wrap .search_box .input_wrap .input_box input:-ms-input-placeholder {
  color: #292929;
}

.certificate .search_wrap .search_box .input_wrap .input_box input::-ms-input-placeholder {
  color: #292929;
}

.certificate .search_wrap .search_box .input_wrap .input_box input::placeholder {
  color: #292929;
}

.certificate .search_wrap .search_box .input_wrap .input_box::before {
  background-image: url(/images/certificate/icon_locate.png);
}

.certificate .search_wrap .search_box .input_wrap::after {
  display: block;
  content: '';
  clear: both;
}

.certificate .search_wrap .search_box button {
  position: absolute;
  right: 0;
  top: 0;
  width: 159px;
  height: 60px;
  border-style: none;
  background: #706efe url('/images/certificate/btn_search.png') no-repeat 90px center;
  color: #fff;
  font-size: 16px;
  text-indent: -30px;
  border-radius: 20px;
  -webkit-box-shadow: -5px 8.7px 40px 0 rgba(93, 93, 93, 0.1);
  box-shadow: -5px 8.7px 40px 0 rgba(93, 93, 93, 0.1);
  border: solid 2px #706efe;
  background-color: #706efe;
}

.line {
  margin: 40px 0 0 0;
  height: 2px;
  -o-object-fit: contain;
  object-fit: contain;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(to top, #adcfff, #b5b0f8, #bb8ff0);
}

.star_wrap {
  display: inline-block;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.star_wrap span {
  display: inline-block;
  float: left;
}

.star_wrap .star {
  width: 100px;
  height: 17px;
  background: url('/images/icon_star.png') no-repeat center center/100% auto;
}

.star_wrap .text {
  height: 17px;
  line-height: 17px;
  font-size: 14px;
  font-weight: bold;
  color: #9c57f5;
  margin: 0 0 0 10px;
}

.paging {
  text-align: center;
  padding: 50px 0 20px 0;
}

.paging ul {
  display: inline-block;
  overflow: hidden;
}

.paging ul li {
  display: inline-block;
  float: left;
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #f4eefc;
  margin: 0 6px 0 6px;
  font-size: 12px;
  color: #242424;
  text-align: center;
  cursor: pointer;
}

.paging ul li.on {
  background-color: #9c5df7;
  color: #fff;
}

.paging ul li.btn {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border: solid 1px #dadada;
  margin: 0;
}

.paging ul li.btn_first {
  background-image: url('/images/certificate/btn_first.png');
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
}

.paging ul li.btn_prev {
  background-image: url('/images/certificate/btn_prev.png');
  margin: 0 12px 0 -1px;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
}

.paging ul li.btn_next {
  background-image: url('/images/certificate/btn_next.png');
  margin: 0 0 0 12px;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
}

.paging ul li.btn_last {
  background-image: url('/images/certificate/btn_last.png');
  margin: 0 12px 0 -1px;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
}

.title_text {
  position: relative;
  margin: 53px 0 0 0;
}

.title_text .abRight {
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 0;
  font-size: 15px;
  color: #989898;
  padding: 0 0 0 20px;
}

.title_text .abRight.view {
  background: url('/images/main/icon_view_small.png') no-repeat left center/15px auto;
}

.title_text .abRight.rec {
  background: url('/images/main/icon_rec_small.png') no-repeat left center/13px auto;
}

.title_text > strong {
  display: block;
  background: url('/images/icon_search_result.png') no-repeat center left;
  padding: 0 0 0 30px;
  font-size: 18px;
  color: #292929;
}

.title_text div {
  font-size: 22px;
  padding: 0 0 0 45px;
  margin: 10px 0 0 0;
}

.title_text div span {
  font-weight: 700;
  color: #9c57f5;
}

.title_text.check {
  margin: 0;
}

.title_text.check strong {
  padding: 0 0 0 32px;
  background: url('/images/certificate/icon_check.png') no-repeat center left/20px auto;
  font-size: 16px;
}

.title_text.news {
  margin: 0;
}

.title_text.news strong {
  padding: 0 0 0 32px;
  background: url('/images/certificate/icon_news.png') no-repeat center left/20px auto;
  font-size: 18px;
}

.title_text.fq {
  margin: 0;
}

.title_text.fq strong {
  padding: 0 0 0 32px;
  background: url('/images/certificate/icon_fq.png') no-repeat center left/20px auto;
  font-size: 18px;
}

.title_text.info {
  margin: 0 0 0 30px;
}

.title_text.info strong {
  padding: 2px 0 2px 32px;
  background: url('/images/certificate/icon_liceinfo.png') no-repeat center left/20px auto;
  font-size: 18px;
}

.title_text.datalab strong {
  padding: 0;
}

.title_text.qa {
  width: 100%;
  height: 80px;
  margin: 0 0 1px;
  padding: 0 50px 30px 49px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-shadow: 1px 5.9px 8px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 1px 5.9px 8px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.title_text.qa strong {
  height: 80px;
  line-height: 80px;
  background: url('/images/certificate/icon_search_result.png') no-repeat left center;
  font-size: 18px;
}

.title_text.lice {
  height: 80px;
  margin: 0;
  border-bottom: 1px solid transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left top, right top, from(#adcfff), color-stop(#b5b0f8), to(#bb8ff0));
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #adcfff, #b5b0f8, #bb8ff0);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.title_text.lice strong {
  height: 80px;
  line-height: 74px;
  padding: 0 0 0 32px;
  background: url('/images/certificate/icon_lice.png') no-repeat left 30px/20px auto;
  font-size: 18px;
  margin: 0 0 0 23px;
}

.title_text.report {
  margin: 0;
}

.title_text.report strong {
  padding: 0 0 0 32px;
  background: url('/images/certificate/icon_report.png') no-repeat center left/20px auto;
  font-size: 18px;
}

.title_text::after {
  display: block;
  content: '';
  clear: both;
}

.title_text.type2 > strong {
  display: inline-block;
  background: url('/images/icon_best.png') no-repeat center left;
}

.title_text.type2 > strong span {
  display: inline-block;
  height: 12px;
  line-height: 2px;
  background-color: #d8c9fa;
}

.title_text.type3 > strong {
  font-size: 18px;
}

.title_text.type4 > strong {
  position: relative;
  font-size: 22px;
  background: none;
  padding: 0 0 0 14px;
  font-weight: 500;
}

.title_text.type4 > strong::before {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 7px;
  width: 2px;
  height: 19px;
  background: #9c57f5;
}

/* modalDim */
.modalDim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  background: #000000;
  opacity: 0.2;
  z-index: 998;
}

/* modalWrap */
.modalWrap {
  display: none;
  position: absolute;
  z-index: 999;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 12px 0 rgba(21, 21, 21, 0.16);
  box-shadow: 0 0 12px 0 rgba(21, 21, 21, 0.16);
  background-color: #ffffff;
}

.modalWrap .modalContent {
  position: relative;
  width: 100%;
  padding: 30px;
}

.modalWrap.declaration {
  padding: 30px 30px 30px 30px;
}

.modalWrap.declaration .text {
  margin: 15px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  text-align: left;
  color: #292929;
  background: url('/images/certificate/pop_icon.png') no-repeat 12px 3px;
  padding: 0 0 18px 62px;
  border-bottom: 1px solid #9c57f5;
}

.modalWrap.declaration .text span {
  margin: 5px 0 0 0;
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #ff6969;
}

.modalWrap.declaration table {
  margin: 15px 0 0 0;
}

.modalWrap.declaration table tr {
  font-size: 16px;
  color: #292929;
}

.modalWrap.declaration table tr th {
  width: 135px;
  padding: 15px 0 15px 0;
  vertical-align: top;
}

.modalWrap.declaration table tr th span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  color: #ff6969;
  margin: 5px 0 0 0;
}

.modalWrap.declaration table tr td {
  padding: 15px 0 15px 0;
  /* radio basic */
}

.modalWrap.declaration table tr td input {
  width: 404px;
  height: 40px;
  padding: 11px 19px 11px 19px;
  border-radius: 10px;
  border: solid 1px #989898;
}

.modalWrap.declaration table tr td input::-webkit-input-placeholder {
  color: #989898;
}

.modalWrap.declaration table tr td input:-ms-input-placeholder {
  color: #989898;
}

.modalWrap.declaration table tr td input::-ms-input-placeholder {
  color: #989898;
}

.modalWrap.declaration table tr td input::placeholder {
  color: #989898;
}

.modalWrap.declaration table tr td textarea {
  width: 404px;
  height: 140px;
  padding: 11px 19px 11px 19px;
  border-radius: 10px;
  border: solid 1px #989898;
  resize: none;
}

.modalWrap.declaration table tr td .checkWrap {
  margin: 7px 0 0 0;
}

.modalWrap.declaration table tr td .checkWrap:first-child {
  margin: 0;
}

.modalWrap.declaration table tr td .checkBox {
  display: inline-block;
  width: 180px;
}

.modalWrap.declaration table tr td .checkBox input[type='checkbox'] {
  display: none;
}

.modalWrap.declaration table tr td .checkBox input[type='checkbox'] + label {
  margin-right: 20px;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}

.modalWrap.declaration table tr td .checkBox input[type='checkbox'] + label:before {
  background: url('/images/certificate/icon_checkbox_off.png') center center no-repeat;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 7px 3px 0;
  vertical-align: middle;
}

.modalWrap.declaration table tr td .checkBox input[type='checkbox']:checked + label:before {
  content: '';
  background: url('/images/certificate/icon_checkbox_on.png') center center no-repeat;
}

.modalWrap.declaration .btnWrap {
  margin: 10px 0 0 0;
}

.modalWrap.declaration .btnWrap button {
  width: 260px;
  height: 50px;
  border-radius: 10px;
  border: solid 1px #9c57f5;
  background-color: #fff;
  font-size: 18px;
  color: #9c57f5;
  font-weight: bold;
}

.modalWrap.declaration .btnWrap button.btn_ok {
  background-color: #9c57f5;
  color: #fff;
  margin: 0 0 0 18px;
}

.jn_customLogo {
  position: absolute;
  bottom: 10px;
  right: 10px;
  max-width: 200px;
  max-height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}