/* body { min-width: 720px;} */
.header { height: .8rem; background-color: #2e2ee6; padding: 0 .8rem; position: fixed; top: 0; width: 100%; z-index: 999; }
.logo {}
.logo a { height: 100%; font-size: 28px; color: #fff; font-weight: bold; }
.logo a img { display: block; height: .52rem; width: auto; }
.nav {}
.nav ul { height: 100%; }
.nav li { display: inline-block; width: 1.45rem; text-align: center; height: 100%; line-height: .8rem;}
.nav li a { font-family: 'Gilroy', 'Tahoma'; font-weight: 800; font-size: .18rem; color: #fff; padding: .1rem .2rem; border-radius: .5rem; }
.nav li a:hover, .nav li a.active { background-color: #1a1ada; }

.main { margin-top: .8rem; }
.main h3 { font-size: .48rem; color: #1e1e1e; line-height: 1.5; font-family:'Gilroy', 'Tahoma'; font-weight: bold; margin-bottom: .2rem;}
.main p { font-family: 'Gilroy', Tahoma; font-size: .18rem; font-weight: 400; line-height: 1.8; margin-bottom: .08rem; }
.banner { width: 100%;  background-color: #f5f5f5; }
.banner li { display: block; width: 100%; }
.banner li img { display: block; width: 100%; max-width: 1920px; height: auto; margin: 0 auto; position: relative;  }

.footer { background-color: #2e2ee6; padding: .5rem 0; }
.footer .footer-main { max-width: 1280px; margin: 0 auto; padding: 0 .4rem; color: #fff; }
.footer .footer-main .footer-col-33 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; max-width: 33.33%; }

.footer .footer-main .footer-logo { height: .52rem; width: auto; }
.footer .footer-main .footer-logo a { display: block; height: 100%;}
.footer .footer-main .footer-logo img { height: 100%; width: auto; }
.footer .footer-main .footer-email { font-size: .14rem; margin-top: .12rem; }

.footer .footer-main .footer-menu li { display: inline-block; width: .9rem; height: .3rem; font-family: 'Gilroy', Tahoma; font-size: 18px; font-weight: 400; line-height: 1.8; text-align: center; }

.footer .footer-main .footer-link li { display: inline-block; width: .54rem; height: .54rem; line-height: .54rem; text-align: center; color: #fff; border-radius: 100%; border: 1px solid #fff; margin-left: .2rem;  }
.footer .footer-main .footer-link li a { display: block; text-align: center; }
.footer .footer-main .footer-link li:hover { background-color: rgba(255,255,255,.2);} 
.footer .footer-main .footer-link li svg { color: #fff; fill: #fff; margin-top: .1rem;}


.footer-info { text-align: center; color: rgba(255, 255, 255, 0.8); margin-top: .1rem; }
.footer-info .footer-info-menu li { display: inline-block; width: .7rem; height: 0.24rem; text-align: center; line-height: 0.24rem; }
.footer-info .footer-info-text { font-size: .13rem; margin-top: .08rem; }

#modal-media-youtube { 
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px 15px;
  background: rgba(0,0,0,.6);
  opacity: 0;
  transition: opacity .15s linear;
  padding: 50px 30px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  align-items: flex-start;
  opacity: 1;
 }
.uk-modal-dialog {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: calc(100% - 0.01px)!important;
  background: #fff;
  opacity: 0;
  transform: translateY(-100px);
  transition: .3s linear;
  transition-property: opacity,transform;
  box-sizing: border-box;
  margin-top: auto!important;
  margin-bottom: auto!important;
  opacity: 1;
  transform: translateY(0);
}

.uk-modal-close-outside{
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0;
  position: absolute;
  z-index: 1010;
  padding: 5px;
  top: 0;
  color: #fff;
  right: 0;
  transform: translate(100%,-100%);
  cursor: pointer;
}
.word-wrap { background-color: #f5f5f5;}
.word-dom { max-width: 1280px; margin: 0 auto; padding: 0.3rem .4rem; background-color: #fff;  } 
.word-dom h1 {
  font-size: .24rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: .12rem;
}
.word-dom pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: .16rem;
}