/**字体*********/
/*@font-face {*/
/*  font-family: jde_cn;*/
/*  src: url(../font/SourceHanSansCN-Light.otf);*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: jde_en;*/
/*  src: url(../font/SourceHanSerifCN-ExtraLight.otf);*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
/**全局css***/
.hidden{
  display: none !important;
}
.nav_hidden{
  opacity: 0 !important;
}
body{
  min-width: 1400px !important;
  font-family:  jde_cn !important;
}
/***进入加载百分数****/
* {
  box-sizing: border-box;
}
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000000;
  color: white;
  z-index: 999;
}
.loading .progress{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 22px;
}

.loading .progress span {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 0 #666;
  box-shadow: 0 3px 0 #666;
  -webkit-animation: myicon 1s infinite linear;
  animation: myicon 1s infinite linear;
}
@-webkit-keyframes myicon {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes myicon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**鼠标样式****/
body{
  cursor: url(../img/cursor1.png) 3 3, default;
  margin:0;
}
.swiper-container{
  cursor: url(../img/cursor1.png) 3 3, default !important;
}
a,
button {
  cursor: url(../img/cursor1.png) 3 3, default;
  z-index: 10;
}
.ako-cursor-container {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
.ako-cursor-container .ako-cursor-inner,
.ako-cursor-container .ako-cursor-outer,
.ako-cursor-container .ako-cursor-effect {
  position: fixed;
  border-radius: 50%;
}
/**背景变化,宽度变化,高度变化 持续0.3秒**/
/*变化时持续5秒transition-duration: 5s; */
.ako-cursor-container .ako-cursor-outer {
  z-index: 999999;
  width: 36px;
  height: 36px;
  border: 1px solid #cccccc;
  transition: background-color 0.3s, width 0.3s, height 0.3s; 
}
.ako-cursor-container .ako-cursor-effect {
  opacity: 0;
  z-index: 999998;
  width: 80px;
  height: 80px;
  border: 4px solid #cccccc;
}

/****自适应配置，字体 通用*****/
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #111111;
  user-select: none;
  font-family: sans-serif;
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 428px), screen and (max-height: 926px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 414px), screen and (max-height: 800px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 375px), screen and (max-height: 720px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (max-width: 360px), screen and (max-height: 640px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (max-width: 320px), screen and (max-height: 560px) {
  html {
    font-size: 11px;
  }
}