@charset "UTF-8";
a:hover{
  color:#fff;
}
.transparent{
  background:#fff!important;
}
.topTip {
  position: fixed;
  top: 80px;
  width: 100vw;
  background: linear-gradient(
      0deg,
      rgba(165, 41, 51, 0.1) 0%,
      rgba(165, 41, 51, 0.1) 100%
    ),
    #fff;
  padding: 13rem 0;
  padding-left: calc((100vw - 1200rem) / 2);
  font-size: 14rem;
  line-height: 22rem;
  font-weight: 400;
  color: var(--ebc-basecolor-active-500);
  z-index:999;
}
.ar .topTip{
  padding-left: 0;
  padding-right: calc((100vw - 1200rem) / 2);
}
.topTip .medium {
  font-weight: 500;
}
.topTip svg {
  margin-right: 8rem;
}
@media (min-width:996px) {
  .kr h1{
    font-size: 72rem;
    line-height: 74rem;
  }
  .mn h1{
    font-size: 52rem;
    line-height: 64rem;
  }
  .pt h1{
    font-size: 68rem;
    line-height: 74rem;
  }
  .ru h1{
    font-size: 50rem;
    line-height: 66rem;
  }
  .vi h1{
    font-size: 62rem;
    line-height: 68rem;
  }
  .en h1,
  .ug h1{
    font-size: 68rem;
    line-height: 74rem;
  }
  .es .container1 .top,
  .hi .container1 .top,
  .id .container1 .top{
    margin-bottom: 20rem;
  }
}
@media screen and (max-width: 996px) {
  .topTip {
    top: 44px;
    font-size: 24rem;
    line-height: 40rem;
    padding: 16rem 0 16rem 32rem;
    overflow: hidden;
  }
  .topTip svg {
    margin-right: 8rem;
    flex: 0 0 32rem;
    transform: translateY(-3rem);
  }
  .topTip svg:nth-of-type(2) {
    margin-left: 900rem;
  }
  .ar  .topTip svg {
    margin-left: 16rem;
  }

  .ar .topTip svg:nth-of-type(2){
    margin-right: 900rem;
  }
  .tickTrack {
    --tx:110%;
    display: inline-block;
    white-space: nowrap;
    animation: scroll-left 10s linear infinite;
  }
  .mn .tickTrack{
    --tx:200%;

  }
  .ru .tickTrack{
    --tx:190%;
  }
  .id .tickTrack,
  .th .tickTrack {
    --tx:180%;
  }
  .ug .tickTrack{
    --tx:165%;
  }
  .es .tickTrack {
    --tx:155%;
  }
  .hi .tickTrack,
  .jp .tickTrack,
  .vi .tickTrack{
    --tx:150%;
  }
  .pt .tickTrack ,
  .kr .tickTrack {
    --tx:140%;
  }
  .en .tickTrack {
    --tx:130%;
  }
  .tickWord {
    display: inline-block;
    /* padding-right: 1rem; */
  }

  @keyframes scroll-left {
    0% {
      transform: translateX(var(--tx) );
    }
    100% {
      transform: translateX(calc(var(--tx) * -1));
    }
  }
}

.contentBox {
  max-width: 1200rem;
  margin-inline: auto;
}
.redWord {
  color: var(--ebc-basecolor-active-500);
}

.container1 {
  padding-top: calc(128rem + 80px);
}

.container1 .top .left {
  padding-top: 48rem;
  flex: 0 0 650rem;
}
.container1 .top h2 {
  margin: 24rem 0 48rem;
  color: var(--ebc-text-secondary);
}
.container1 .top .inputBox {
  border-radius: var(--ebc-corner-radius-full);
  border: 0.5px solid var(--ebc-neutral-stroke);
  background: var(--ebc-neutral-bg_b);
  padding: 4rem;
  gap: 30rem;
  padding-left: 24rem;
}
.ar .container1 .top .inputBox {
  padding-left:4rem;
  padding-right: 24rem;
}
.container1 .top .inputBox input {
  color: var(--ebc-text-tertiary);
  background: var(--ebc-neutral-bg_b);
  border: 0;
  flex: 1;
  height: 100%;
}

.container1 .top .inputBox input::placeholder {
  color: var(--ebc-text-tertiary);
}
.container1 #verification {
  min-width: 160rem;
}
.container1 .right {
  width: 418rem;
  transform:translateX(90rem);
}
@media (min-width:996px) {
  .container1 .top{
    position: relative;
  }
  .container1 .right {
    position: absolute;
    right:0;
  }
  .container1 .bottom{
    margin-top: 88rem;
  }
  .es .container1 .top .left{
    flex:0 0 660rem;
  }
  .es h1{
    font-size: 60rem;
    line-height: 66rem;
  }
  .ar .container1 .right{
    left:0;
    right: unset;
  }
}
.container1 .bottom h2 {
  margin-bottom: 24rem;
}
.container1 .bottom .tipTitle {
  color:var(--ebc-text-primary)
}
.container1 .bottom .tipDesc {
  color: var(--ebc-text-secondary);
  margin-bottom: 16rem;
}

  .container1 .bottom .tipDesc:last-child {
    margin-bottom: 0;
  }
@media (max-width: 996px) {
  .container1 {
    padding: 122rem 32rem 0;
  }
  .container1 .right{
    width: 558rem;
    height: auto;
    margin-left: 60rem;
    transform:translateX(0);
  }
  .container1 .top {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 80rem;
  }
  .container1 .top .left {
    order: 2;
    position: relative;
    flex: 1;
    padding: 40rem 0 112rem;
  }
  .container1 .top h2 {
    margin: 16rem 0 80rem;
  }

  .container1 .top .left .inputBox {
    padding: 24rem 32rem;
  }
  .container1 .top .left input,
  .container1 .top .left input::placeholder {
    text-align: center;
  }
  .container1 .top #verification {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80rem;
    font-size: 28rem;
    line-height: 44rem;
  }
  .container1 .bottom h2{
    margin-bottom: 32rem;
  }
  .container1 .bottom .tipDesc{
    margin-bottom: 24rem;
  }


}

.container2{
  padding:120rem 0 60rem;
}
.container2 .cardList{
  margin-top: 60rem;
  gap:24rem;
  align-items: stretch;
}
.container2 .cardList .card{
  background:var(--ebc-neutral-bg_b);
  border-radius:var(--ebc-corner-radius-rc16);
  flex:1;
  gap:64rem;
  padding:24rem;
  border:0;
}
.container2 .cardList .card .left .description{
  color:var(--ebc-text-secondary);
  margin:16rem 0;
}
.container2 .cardList .card .left a{
  width:fit-content;
  display:inline-block;
}
.container2 .cardList .card .left .btn{
  border:0;
  width:fit-content;
  padding:0;
}
.container2 .cardList .card .right{
  flex:0 0 156rem;
  height:156rem;
}

.container22{
  margin-bottom: 120rem;
}
.container22 .doTitle{
  margin-bottom: 24rem;
}
.container22 .dontDo{
  margin-top: 48rem;
}
.container22 .doTip{
  font-size: 16rem;
  font-weight: 400;
  line-height: 28rem;
  color:var(--ebc-text-secondary);
  margin-bottom: 16rem;
  display: flex;
  align-items: flex-start;
}
.container22 .doTip span{
    display: inline-block ;
  }
.container22 .doTip img{
  margin-right: 8rem;
  transform: translateY(5px);
}
.container22 .doTip .medium{
  font-weight: 500;color: var(--ebc-text-primary);
}
@media (max-width: 996px) {
  .container22 {
    padding:0 32rem 160rem;
    margin-bottom: 0;
  }
  .container22 .doTip{
    font-size: 28rem;
    line-height: 48rem;
    display: flex;
    gap:16rem;
  }
  .container22 .doTip span{
    display: inline-block ;
  }
  .container22 .doTip img{
    width: 32rem;
    height: 32rem;
    transform: translateY(3px);
  }
  .container22 .doTitle{
  margin-bottom: 32rem;
}
  .container2{
    padding:160rem 32rem 80rem;
  }
  .container2 .cardList{
    flex-direction:column;
    gap:32rem;
  }
  .container2 .cardList .card{
    gap:16rem;
    padding:48rem 32rem;
    position:relative;
  }
  .container2 .cardList .card .left{
    order:2;
  }
.container2 .cardList .card .left .description{
  margin:32rem 0 0 0;
}
.container2 .cardList .card .left a{
  position:absolute;
  right:32rem;
  top:32rem;
}
}

.container3{
  padding-bottom:120rem;
}
.container3 .left{
  flex:0 0 757rem;
}
.container3 .left .description{
  color:var(--ebc-text-secondary);
  margin:24rem 0 12rem;
}
.container3 .left .email{
  border-radius:var(--ebc-corner-radius-rc04);
  background: rgba(165, 41, 51, 0.10);
  padding:4rem 8rem;
  margin-inline:8rem;
  display:inline-block;
  color:var(--ebc-basecolor-active-500);
  cursor:copy;

}
.container3 .right{
  height: 213rem;
}

@media (max-width: 996px) {
  .container3 {
    padding:0 32rem 160rem;
    
  }
  .container3 .contentBox{
    flex-direction:column;
    gap:80rem;
  }
   .container3 .left{
    flex:1;
   }
  .container3 .left h3{
    text-align:center
  }
.container3 .left .description{
  margin:80rem 0 24rem;
}
.container3 .right{
  height: 400rem;
  margin-inline:auto;
}
}
.container3 .left .contactWay{
  color:var(--ebc-text-secondary);
}
.official-search button {
  padding: 21px 34px;
  border-radius: 4px;
  border: 1px solid #000;
  background: #4d0101;
  color: #fff;
  font-size: 16px;
  font-family: auto;
  display: inline-block;
  margin-left: 3%;
}

.official-result-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.official-result-box .buttons{
  margin-top: 48rem;
  gap:24rem;
}
.official-result-box .buttons a{
  flex:1;
}
.official-result-box .verifyContainer{
  display: flex;
}
.official-result-box .verify-input{
  flex:1;
}
.official-result-box .verify-code img{
  width: 160rem;
  height: 56rem;
  margin-left: 16rem;
}
.official-result {
  width: 588rem;
  padding: 40rem 24rem;
  background-color: #ffffff;
  border-radius: var(--ebc-corner-radius-rc16);
  text-align: center;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.official-result svg {
  width: 63rem;
  height: 63rem;
}
.official-result .url {
  display: block;
  padding: 12rem 16rem;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  margin: 40rem 0;
  overflow: auto;
  border-radius: var(--ebc-corner-radius-rc08);
  background: var(--ebc-neutral-bg_b);
}
.official-result .url.real {
  margin:40rem 0;
  padding:12rem 0;
  border-radius: var(--ebc-corner-radius-rc08);
  background: var(--ebc-neutral-bg_b);
}
.official-result .resultTitle{
  margin:40rem 0 16rem;
}
.official-result .tips {
  color: var(--ebc-text-secondary);
  text-align: center;
  font-family: auto;
  margin: 16rem 0 40rem;
}
/* .official-result .tips.real {
  color: #66b54e;
} */

.official-result .close.real {
  width: 100%;
}
.official-result,
.official-report,
.official-report-success {
  background-image: url(/ebc-static/image/officialVerification/ebcLogo.png);
}
.official-result .report {
  display: inline-block;
  color: var(--ebc-brand-accent-coral);
  leading-trim: both;
  text-edge: cap;
  float:right;  
}
.official-result .mReport{
  display:none;
}
.official-result .report.real {
  display: none;
}
.official-result .tips2 {
  color: var(--ebc-text-tertiary);
  text-align: center;
  margin-top: 24rem;
}
.official-result .tips2.real {
  display: none;
}

.official-report {
  width: 588rem;
  padding: 40rem 24rem;
  background-color: #ffffff;
  border-radius: var(--ebc-corner-radius-rc16);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  max-height:70vh;
}
.official-report svg {
  margin-right: 8px;
}
.official-report .title {
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  margin-bottom: 48rem;
}

.official-report .contact-submit {
  display: inline-block;
  width: 47%;
  padding: 18px;
  border-radius: 4px;
  border: 1px solid #000;
  background: #4d0101;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-family: auto;
  margin-top: 40px;
  margin-left: 4%;
}
.official-report .form-label {
  color: var(--ebc-text-secondary);
  font-size: 16rem;
  font-weight: 400;
  line-height: 24rem;
  text-align: left;
  margin-top: 24rem;
  margin-bottom: 12rem;
}
.ar .official-report .form-label{
  text-align: right;
}
.official-report input:placeholder{
  color:var(--ebc-text-tertiary)
}
.official-report input {
  border: 0;
  display: flex;
  padding: 12rem 16rem;
  justify-content: center;
  align-items: center;
  gap: 16rem;
  color: var(--ebc-text-primary);
  font-family: auto;
  font-size: 20rem;
  font-weight: 400;
  line-height: 24rem;
  background:var(--ebc-neutral-bg_b);
  border-radius:var(--ebc-corner-radius-rc08);
  height: 56rem;
}
.official-report input:focus {
  box-shadow: none;
  background:var(--ebc-neutral-bg_b);
  border:0;
}
.official-report .message-tips {
  color: var(--ebc-text-secondary);
  font-family: auto;
  margin: 48rem auto; 
}
.official-report .message-tips a {
  /* text-decoration: underline; */
  color:var(--ebc-basecolor-active-500)
}
.official-report .message-close-tips a {
  color: var(--ebc-basecolor-active-500);
  width: 100%;
  display: block;
  /* text-decoration: underline; */
}

.official-report-success {
  width: 588rem;
  padding: 40rem 24rem;
  background:#fff;
  border-radius: var(--ebc-corner-radius-rc16);
  text-align: center;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.official-report-success p {
  text-align: center;
  margin:40rem 0 48rem
}


.official-en-box .official1 .p1 {
  letter-spacing: 0px;
  font-size: 30px;
}

.official-en-box .official1 .p2 {
  letter-spacing: 0px;
  font-size: 16px;
  width: 66%;
  opacity: 0.8;
  line-height: 28px;
}
.official-en-box .official1 {
  height: auto;
  padding-bottom: 36px;
}

@media (max-width: 996px) {
  .official-result-box{
    z-index:9999999999;
  }
  .official-result,
  .official-report,
  .official-report-success {
    width: 100%;
    padding: 40rem 24rem;
    position: absolute;
    top:unset;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    overflow: auto;
    max-height:90vh;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index:9999999999;
    padding:48rem;
  }
  .official-report-success{
    padding-top:160rem;
  }
  .official-result svg{
    width: 96rem;
    height: 96rem;
  }
  .official-result .resultTitle{
    margin:48rem 0 16rem;
  }
  .official-result .tips{
    margin:16rem 0 48rem;
  }
.official-result .pcReport{
  display:none;
}
.official-result .mReport{
display:flex;
float:none;
color:var(--ebc-basecolor-active-500);
font-weight: 500;
}
.official-result-box .buttons{
  display:flex;
  gap:32rem;
  margin:48rem 0 32rem;
}
.official-result-box .buttons a{
  height: 80rem;
  font-size: 28rem;
  font-weight: 500;
}
.official-result .url{
  padding:22rem 32rem;
}
.official-result .url.real{
  padding:18rem 32rem;
}
.official-report .message-tips{
  margin:48rem 0;
}
.official-report .message-close-tips a{
}
.official-report .form-label{
  margin:32rem 0 16rem;
  font-size: 24rem;
  font-weight: 400;
  line-height: 40rem;
}
.official-report input{
  font-size: 28rem;
  line-height: 44rem;
  padding:22rem 32rem;
  height: 80rem;
  border-radius:var(--ebc-corner-radius-rc16);
}
.official-result-box .verify-code img{
  width: 228rem;
  height: 80rem;
  margin-left: 32rem;
}
.official-result-box .verify-input{
  width: 390rem;
}
.official-report-success p{
  margin:48rem 0 216rem;
}
.official-report-success a{
  height:80rem;
  font-size: 28rem;
  font-weight: 500;
}
}