/* 全局：加载自定义字体 */
@font-face {  font-family: 'ciyubi';  src: url('/system/ciyubi.woff') format('woff');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'aliM';  src: url('/system/aliM.woff') format('woff');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'aliL';  src: url('/system/aliL.woff') format('woff');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'david';  src: url('/system/david.woff') format('woff');  font-weight: normal;  font-style: normal;}
@font-face {  font-family: 'simsun';  src: url('/system/simsun.woff') format('woff');  font-weight: normal;  font-style: normal;}

/* 全局：深色模式下图片不反色 */
@media (prefers-color-scheme: dark) {
  img,  picture img,  svg,  video,  iframe,
  [style*="background-image"] {
    filter: none !important;
    /* 部分浏览器需要二次反转抵消全局 invert */
    filter: invert(0) hue-rotate(0) !important;
    /* 防止被强制变暗/变亮 */
    brightness: 1 !important;
    /* 禁止颜色方案自动调整 */
    color-scheme: light only;  }
}
:root, html, body {  color-scheme: light only !important;  -webkit-color-scheme: light only !important;}


/**全局链接************************************************************************************************************/
A {display: inline-block;}
A:link {color:#FFFFFF; text-decoration:none !important;}
A:hover {color:#00CCFF;text-decoration:none !important;}
A:hover span {    color: #00CCFF !important; /* hover时span变色 */}
A:active {color:#FFFFFF;text-decoration:none !important;}
A:visited {color:#FFFFFF;text-decoration:none !important;}
a {display: inline-block;}
a:link {color:#FFFFFF; text-decoration:none !important;}
a:hover {color:#00CCFF;text-decoration:none !important;}
a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
a:active {color:#FFFFFF;text-decoration:none !important;}
a:visited {color:#FFFFFF;text-decoration:none !important;}


BODY{font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;font-size: 30px;color:#CCCCCC;line-height:40px;text-align:center;margin:0px;background-color:#cccccc;}
TD {font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;font-size:30px;color:#CCCCCC;line-height:40px;}
P {font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;font-size:30px;color:#CCCCCC;line-height:40px;}

#LayerTransparent{position:absolute; left:0px; top:0px; width:100%; z-index:20061212; background-color: #333333; Opacity:0.5; filter:Alpha(Opacity=50); -moz-opacity:0.5; }
#LayerShowsysinfo{position:absolute; left:0px; top:0px; width:100%; z-index:20061213;}
#LayerShowloading{position:absolute; left:0px; top:0px; width:100%; z-index:20061214;}

  /* ---------------------手机版，大背景图渐变动画----------------------------------------------  */
img { border-radius: 0; transition: 0.3s;}
.img-radius { border-radius: 12px;}
   /* 图片层：最下层 + 最小宽度1024 + 居中 */
   
.img-box {position: relative;z-index: 10;width: 100%;min-width: 1024px;margin: 0 auto;background-color: #000;  overflow: hidden;aspect-ratio: 2048 / 800;min-height: 400px;}
.img-box img {width: 100%;display: block;min-width: 1024px;aspect-ratio: 2048 / 800;min-height: 400px;}
    /* 文字层：浮层+位置固定+字体大小限制 */
/* ========== 容器（保留原有布局） ========== */
.img-box {
  position: relative;
  z-index: 10;
  width: 100%;
  min-width: 1024px;
  margin: 0 auto;
  background-color: #000;
  overflow: hidden;
  aspect-ratio: 2048 / 800;
  min-height: 400px;
}

/* 隐藏原图，仅撑高 */
.img-box > img.no-js-radius {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: auto;
  opacity: 0;
  pointer-events: none;
}

/* ========== 左右两个背景容器 ========== */
.bg-left,
.bg-right {
  position: absolute;
  top: 0; bottom: 0;
  width: 50%;
  overflow: hidden;
  z-index: 1;                  /* 在文字下方 */
}

.bg-left  { left: 0; }
.bg-right { left: 50%; }

/* ========== 左右容器内的伪元素（各放蓝红两张图） ========== */
.bg-left::before,
.bg-left::after,
.bg-right::before,
.bg-right::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  animation-fill-mode: both;
  pointer-events: none;
}

/* ========== 左侧蓝 (::before) ========== */
.bg-left::before {
  background-image: url('/CN/images/Topbg-L-blue.jpg');
  animation: leftBlue 24s linear infinite 12s;   /* 无延迟 */
}

/* 左侧红 (::after) */
.bg-left::after {
  background-image: url('/CN/images/Topbg-L-red.jpg');
  animation: leftRed 24s linear infinite 12s;
}

/* 右侧蓝 (::before) */
.bg-right::before {
  background-image: url('/CN/images/Topbg-R-blue.jpg');
  animation: rightBlue 24s linear infinite;
}

/* 右侧红 (::after) */
.bg-right::after {
  background-image: url('/CN/images/Topbg-R-red.jpg');
  animation: rightRed 24s linear infinite;
}

/* ========== 关键帧定义 ========== */
/* 左侧蓝：0-3s渐亮 → 3-12s常亮 →  12-15s渐暗 → 15-24s黑 */
@keyframes leftBlue {
  0%    { opacity: 0; } /* 12.5=3秒，25=6秒，37.5=9秒，50=12秒，62.5=15秒，75=18秒，87.5=21秒，100=24秒 */
  12.5%   { opacity: 1; }          /* 3s 仍黑 */
  50%   { opacity: 1; }          /* 12s 仍亮 */
  62.5% { opacity: 0; }          /* 15s 完全黑 (12-15s渐变) */
  100%  { opacity: 0; }
}

/* 左侧红：0-9s黑 → 9-12s渐亮 → 12-15s常亮 → 15-18s渐暗 → 18-24s黑 */
@keyframes leftRed {
  0%    { opacity: 0; }/* 12.5=3秒，25=6秒，37.5=9秒，50=12秒，62.5=15秒，75=18秒，87.5=21秒，100=24秒 */
  37.5% { opacity: 0; }          /* 9s 仍黑 */
  50%   { opacity: 1; }          /* 12s 完全亮 (9-12s渐变) */
  62.5% { opacity: 1; }          /* 15s 仍亮 */
  75%   { opacity: 0; }          /* 18s 完全黑 (15-18s渐变) */
  100%  { opacity: 0; }
}

/* 右侧蓝：0-3s渐亮 → 3-12s常亮 → 12-15s渐暗 → 15-24s黑 */
@keyframes rightBlue {
  0%    { opacity: 0; }/* 12.5=3秒，25=6秒，37.5=9秒，50=12秒，62.5=15秒，75=18秒，87.5=21秒，100=24秒 */
  12.5% { opacity: 1; }          /* 3s 完全亮 (0-3s渐变) */
  50%   { opacity: 1; }          /* 9s 仍亮 */
  62.5% { opacity: 0; }          /* 12s 完全黑 (9-12s渐变) */
  100%  { opacity: 0; }
}

/* 右侧红：0-9s黑 → 9-12s渐亮 → 12-15s常亮 → 15-18s渐暗 → 18-24s黑 */
@keyframes rightRed {
  0%    { opacity: 0; }/* 12.5=3秒，25=6秒，37.5=9秒，50=12秒，62.5=15秒，75=18秒，87.5=21秒，100=24秒 */
  37.5% { opacity: 0; }          /* 6s 仍黑 */
  50%   { opacity: 1; }          /* 9s 完全亮 (9-12s渐变) */
  62.5% { opacity: 1; }          /* 12s 仍亮 */
  75%   { opacity: 0; }          /* 15s 完全黑 (15-18s渐变) */
  100%  { opacity: 0; }
}
/* ========== 文字层级 ========== */
.TopnameMob,
.earth-btn-wrap,
.TopENname {
  position: relative;
  z-index: 2;
}






/* ========== 文字及按钮层级 ========== */
.TopnameMob,
.earth-btn-wrap,
.TopENname {
  position: relative;
  z-index: 2;
}

/* -------------------手机版，此与彼大字--------------------------------- */
.TopnameMob { position: absolute;z-index: 2 !important;;top: 40%; left: 50%;      /* 固定位置，不随页面移动 ----此与彼 */
      transform: translate(-50%, -50%);white-space: nowrap;  /* 核心：字体自适应 + 最小/最大限制 *//* nowrap不换行 */
      font-size: clamp(300px, 30vw, 450px);       /* clamp(最小值, 自适应值, 最大值) */
      font-family:'ciyubi',微软雅黑;color: #fff;line-height: 1;}
/* -------------------------------电脑版，此与彼中字-------------------------- */
.TopnameCom {font-size:120px;line-height:120px;font-family:'ciyubi',微软雅黑;color: #fff;line-height: 1;margin:10px;}

/* ----------------------此与彼大字呼吸动画-------------------------------- */
.TopnameMob.text-pulse,.TopnameCom.text-pulse {  animation: textPulse 5s ease-in-out infinite;}

@keyframes textPulse {
  0%   { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}

/*-------------------- 此与彼大字流动金属效果---------------------------- */
.TopnameMob.metal-shine,
.TopnameCom.metal-shine{
  background: linear-gradient(
    0deg,
    #bbbbbb 0%,
    #dddddd 35%,
    #ffffff 40%,
    #bbbbbb 45%,
    #ffffff 50%,
    #dddddd 55%,
    #bbbbbb 100%
  );
  background-size: 200% 200%;
  
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* 动画：线性移动一个背景周期 */
  animation: metalFlow 5s linear infinite;
}

@keyframes metalFlow {
  0%   { background-position: 0% 100%; }
  100% { background-position: -100% 0%; }
}

  /* ---------------------This & That 蓝色字----------------------------------------------  */
.TopENnameEN{ position: absolute;z-index: 3 !important;;top: 85%; left: 50%;      /* 固定位置，不随页面移动 ----英文域名*/
      transform: translate(-50%, -50%);white-space: nowrap;  /* 核心：字体自适应 + 最小/最大限制 *//* nowrap不换行 */
      font-size: clamp(40px, 30vw, 80px);letter-spacing:10px; /* clamp(最小值, 自适应值, 最大值) */
      font-family:'aliL',微软雅黑;color: #00CCFF;line-height: 1;}

.TopENnameL{}
  /*   TopENnameL此类必须留空，不能加内容  */

  /* ---------------------英文域名 蓝色字----------------------------------------------  */
.TopENnameCN{ position: absolute;z-index: 3 !important;;top: 85%; left: 50%;      /* 固定位置，不随页面移动 ----英文域名*/
      transform: translate(-50%, -50%);white-space: nowrap;  /* 核心：字体自适应 + 最小/最大限制 *//* nowrap不换行 */
      font-size: clamp(30px, 30vw, 60px);letter-spacing:10px; /* clamp(最小值, 自适应值, 最大值) */
      font-family:'aliL',微软雅黑;color: #00CCFF;line-height: 1;}

.TopENnameCN .mid-text {
  font-size: clamp(30px, 30vw, 60px);
  will-change: font-size;
}

.TopENnameCN .mid-text.grow {
  animation: growFont 1s ease forwards;
}

@keyframes growFont {
  to {
    font-size: clamp(45px, 30vw, 80px);
  }
}



/* -------------------------------电脑版页头，2幅背景切换------------------- */
.TopnameComBg {    position: relative;    z-index: 0;    background-color: #000;     background-image: none !important;}

/* 伪元素共用样式 */
.TopnameComBg::before,
.TopnameComBg::after {
    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-repeat: no-repeat;    background-position: left;
    background-size: auto;     pointer-events: none;    opacity: 0;    animation-fill-mode: both;  }

/* L 图片动画 */
.TopnameComBg::before {    background-image: url(/CN/images/combg-L.jpg);    animation: breatheL 12s infinite both;}

/* R 图片动画 */
.TopnameComBg::after {    background-image: url(/CN/images/combg-R.jpg);    animation: breatheR 12s infinite both;}

/* L图动画关键帧：0–3秒渐显，3–5秒渐隐，5–8秒保持透明 */
@keyframes breatheL {
    0%   { opacity: 0; }
    25% { opacity: 1; }   /* 3秒时完全显示 */
    75% { opacity: 0; }   /* 5秒时完全透明 */
    100% { opacity: 0; }     /* 保持透明 */
}

/* R图动画关键帧：0–3秒保持透明，3–5秒渐显，5–8秒渐隐 */
@keyframes breatheR {
    0%   { opacity: 0; }
    25% { opacity: 0; }   /* 前3秒透明 */
    75% { opacity: 1; }   /* 5秒时完全显示（同时L图完全透明） */
    100% { opacity: 0; }     /* 最后3秒渐隐至透明 */
}

/* 文字保持在最上层 */
.TopnameCom {    position: relative;    z-index: 2;    color: #fff; }





.menusCNcom{text-decoration: none;font-size:40px;line-height:50px;color: #FFFFFF;display: inline-block;margin:15px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;display: inline-block;}
.menusCNcom a:link {color:#FFFFFF; text-decoration:none !important;}
.menusCNcom a:hover {color:#00CCFF;text-decoration:none !important;}
.menusCNcom a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.menusCNcom a:active {color:#FFFFFF;text-decoration:none !important;}
.menusCNcom a:visited {color:#FFFFFF;text-decoration:none !important;}

.menusCNmob{text-decoration: none;font-size:45px;line-height:55px;color: #FFFFFF;display: inline-block;margin:15px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;display: inline-block;}
.menusCNmob a:link {color:#FFFFFF; text-decoration:none !important;}
.menusCNmob a:hover {color:#00CCFF;text-decoration:none !important;}
.menusCNmob a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.menusCNmob a:active {color:#FFFFFF;text-decoration:none !important;}
.menusCNmob a:visited {color:#FFFFFF;text-decoration:none !important;}

.menusENcom{text-decoration: none;font-size:35px;line-height:45px;color: #FFFFFF;display: inline-block;margin:10px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;display: inline-block;}
.menusENcom a:link {color:#FFFFFF; text-decoration:none !important;}
.menusENcom a:hover {color:#00CCFF;text-decoration:none !important;}
.menusENcom a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.menusENcom a:active {color:#FFFFFF;text-decoration:none !important;}
.menusENcom a:visited {color:#FFFFFF;text-decoration:none !important;}

.menusENmob{text-decoration: none;font-size:45px;line-height:55px;color: #FFFFFF;display: inline-block;margin:15px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;display: inline-block;}
.menusENmob a:link {color:#FFFFFF; text-decoration:none !important;}
.menusENmob a:hover {color:#00CCFF;text-decoration:none !important;}
.menusENmob a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.menusENmob a:active {color:#FFFFFF;text-decoration:none !important;}
.menusENmob a:visited {color:#FFFFFF;text-decoration:none !important;}



.menus| {text-decoration: none;font-size:45px;line-height:55px;color: #333333;margin:15px;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;display: inline-block;}
.menusM{text-decoration: none;font-size:45px;line-height:55px;color: #FFFFFF;margin:20px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;display: inline-block;}
.menusM a:link {color:#FFFFFF; text-decoration:none !important;}
.menusM a:hover {color:#00CCFF;text-decoration:none !important;}
.menusM a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.menusM a:active {color:#FFFFFF;text-decoration:none !important;}
.menusM a:visited {color:#FFFFFF;text-decoration:none !important;}

.SiteRoad{font-size:30px;line-height:40px;color: #CCCCCC;display: inline-block;margin-right:20px;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.SiteVersion{white-space: nowrap;font-size:30px;line-height:40px;color: #FFFFFF;display: inline-block;margin-left:20px;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}

.IndexMatterTitleTD{font-size:20px;line-height:30px;color: #006699;display: inline-block; width:100%; background:#333333; border-radius:10px; font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}

.IndexMatterTitle{text-decoration: none;font-size:30px;line-height:30px;color: #FFFFFF;display: inline-block;margin:0px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.IndexMatterTitle a:link {color:#FFFFFF; text-decoration:none !important;}
.IndexMatterTitle a:hover {color:#CCCCCC;text-decoration:none !important;}
.IndexMatterTitle a:hover span {color: #00CCFF !important;} 	/* hover时span变色 */
.IndexMatterTitle a:active {color:#CCCCCC;text-decoration:none !important;}
.IndexMatterTitle a:visited {color:#CCCCCC;text-decoration:none !important;}
.IndexMatterFrom{font-size:20px;line-height:30px;color: #CCCCCC;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.IndexMatterTime{font-size:20px;line-height:30px;color: #CCCCCC;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.IndexMatter{font-size:24px; font-weight:bold;line-height:36px;color: #CCCCCC;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.InfoMatterTitle{text-decoration: none;font-size:30px;line-height:30px;color: #FFFFFF;display: inline-block;margin:0px;font-family:'aliM',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.InfoMatter{font-size:24px; font-weight:bold;line-height:36px;color: #FFFFFF;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}

.Goback{font-size:20px;line-height:30px;color: #006699;display: inline-block; background:#f5f5f5; padding:2px 10px; border-radius:6px; cursor:pointer;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}					/*"管理后台*/

.TopNew{font-size:20px;line-height:30px;color: #666;display: inline-block; background:#f5f5f5; padding:0px 10px; border-radius:4px; font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.NewTop{font-size:20px;line-height:30px;color: #FFF;display: inline-block; background:#00CCFF; padding:0px 10px; border-radius:4px; font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}
.IdxTop{font-size:20px;line-height:30px;color: #FFF;display: inline-block; background:#33CCCC; padding:0px 10px; border-radius:4px; font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}


.WM-more {white-space: nowrap;font-size:40px;line-height:60px;color: #CCCCCC; font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;margin-right:0px;}/*"扫码看更多*/
.WM-name {font-size:80px;line-height:100px;color: #00CCFF;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}/*"公众号*/
.WM-ID {font-size: 40px;line-height:60px;color: #00CCFF;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}/*"公众号ID*/
.WM-search {font-size:40px;line-height:60px;color: #CCCCCC;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}/*"请扫码说明*/
.WM-image{margin:30px;padding: 30px;}


td.wave {  background: url(/CN/images/Botbg.jpg) center top / cover no-repeat;}

.Bot-writer{font-size:40px;line-height:50px;color: #006699;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}						/*"创作者*/
.Bot-writername{font-size:80px;line-height:100px;color: #00CCFF;font-family:'simsun',Simsun,Arial,Helvetica,sans-serif;transform: scaleY(1.05);transform-origin: left center;display: inline-block;}		/*"憾海拾遗*/
.Bot-writerID{font-size:40px;line-height:50px;color: #00CCFF;font-family:'david',David,Simsun,'aliL',Arial,Helvetica,sans-serif;transform: scaleY(1.05);transform-origin: left center;display: inline-block;}	/*"HiISaveYou*/

.Bot-writermanage{font-size:40px;line-height:50px;color: #000000;display: inline-block;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}					/*"管理后台*/
.Bot-writermanage a:link {color:#000000; text-decoration:none!important;}
.Bot-writermanage a:hover {color:#000000;text-decoration:none!important;}
.Bot-writermanage a:hover span {color: #000000!important; /* hover时span变色 */}
.Bot-writermanage a:active {color:#000000;text-decoration:none!important;}
.Bot-writermanage a:visited {color:#000000;text-decoration:none!important;}

.Bot-MobComTitleCN,.Bot-MobComTitle{font-size:80px;line-height:100px;color: #CCCCCC;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}		/*手机平板请横屏阅读*/
.Bot-MobComTitleEN{font-size:60px;line-height:100px;color: #CCCCCC;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}		/*英文   手机平板*/

.Bot-MobCom{font-size:40px;line-height:50px;color: #CCCCCC;display: inline-block;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}							/*电脑点简洁版*/
.Bot-MobCom a:link {color:#CCCCCC; text-decoration:none!important;}
.Bot-MobCom a:hover {color:#00CCFF;text-decoration:none!important;}
.Bot-MobCom a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.Bot-MobCom a:active {color:#CCCCCC;text-decoration:none!important;}
.Bot-MobCom a:visited {color:#CCCCCC;text-decoration:none!important;}

.Bot-Copy{font-size:35px;line-height:40px;color: #CCCCCC;display: inline-block;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}	

.Bot-Copyinfo{font-size:30px;line-height:40px;color: #CCCCCC;display: inline-block;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}	
.Bot-Lockinfo{font-size:30px;line-height:40px;color: #CCCCCC;display: inline-block;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}	



.Bot-ICP{font-size:25px;line-height:30px;color: #666666;display: inline-block;font-family:'aliL',微软雅黑,Tahoma,Simsun,Arial,Helvetica,sans-serif;}							/*"ICP备案号：粤ICP备*/
.Bot-ICP a:link {color:#CCCCCC; text-decoration:none!important;}
.Bot-ICP a:hover {color:#00CCFF;text-decoration:none!important;}
.Bot-ICP a:hover span {    color: #00CCFF !important; /* hover时span变色 */}
.Bot-ICP a:active {color:#CCCCCC;text-decoration:none!important;}
.Bot-ICP a:visited {color:#CCCCCC;text-decoration:none!important;}


/* 外层：发光圆环 + 定位 */
.earth-btn-wrap {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50%;
  box-shadow: 
    0 0 10px #00aaff,
    0 0 30px #0088ff,
    0 0 50px #0066ff,
    inset 0 0 20px rgba(0,100,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: glow 3s linear infinite alternate;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;

  /* ========== 核心：位置 + 层级 ========== */
  position: absolute;
  z-index: 1;        /* 光圈在文字下面 */
  top: 55%;           /* 往上提高！数字越小越往上！ */
  left: 50%;
  transform: translateX(-50%);
}

/* 地球图片本体 */
.earth-btn {
  width: 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer;
  background-image: url('http://www.ciyubi.com/managecenter/images/Earth-Bg.jpg');
  background-size: 320px 160px;
  background-position: 0 center;
  background-repeat: repeat-x;
  animation: rotate 12s linear infinite;
  transition: all 0.3s ease;

  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  z-index: 1 !important; /* 地球在文字下面 */
}

.earth-btn:hover,
.earth-btn:active {
  transform: scale(1.05);
}

.earth-btn:focus {
  box-shadow: 0 0 0 3px rgba(0, 170, 255, 0.6) !important;
  border-radius: 50% !important;
}

@keyframes rotate {
  0% { background-position: 0 center; }
  100% { background-position: 320px center; }
}

@keyframes glow {
  0% {
    box-shadow: 
      0 0 10px #00aaff,
      0 0 30px #0088ff,
      0 0 50px #0066ff,
      inset 0 0 20px rgba(0,100,255,0.3);
  }
  100% {
    box-shadow: 
      0 0 20px #00ccff,
      0 0 45px #00aaff,
      0 0 70px #0088ff,
      inset 0 0 30px rgba(0,120,255,0.4);
  }
}