@charset "utf-8";

:root{
  --primary:#1a73e8;
  --primary-dark:#1557b0;
  --primary-soft:#eef3fb;
  --accent:#cc3355;
  --grad-a:#1a73e8;
  --grad-b:#00bcd4;

  --bg:#f5f7fa;
  --card:#ffffff;
  --card-soft:#f4f7fc;
  --text:#2c3440;
  --title:#1b2430;
  --muted:#6b7688;
  --muted-2:#7b8798;
  --muted-3:#95a0b2;
  --border:#e6eaf0;
  --border-2:#d8e0ea;
  --shadow:0 1px 3px rgba(16,24,40,.04);
  --shadow-hover:0 6px 18px rgba(16,24,40,.10);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:hidden; overflow-x:clip; }
body{
  margin:0;
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
  font-size:16px;
  line-height:1.7;
  color:var(--text);
  letter-spacing:.3px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
  background:var(--bg);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{ color:var(--primary); text-decoration:none; transition:color .2s ease; }
a:hover{ color:var(--accent); }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--primary); outline-offset:2px;
}
img{ max-width:100%; height:auto; border:0; }
h1,h2,h3,h4{ margin:0 0 .6em; line-height:1.35; font-weight:700; color:var(--title); }
p{ margin:0 0 1em; }
ul,ol{ margin:0; padding:0; }
table{ width:100%; border-collapse:collapse; }

.time_max,.wrap{
  width:100%; max-width:100%;
  margin:0 auto;
  padding-left:clamp(12px,2.5vw,40px);
  padding-right:clamp(12px,2.5vw,40px);
  overflow-x:hidden;
  overflow-x:clip;
}
.time_max{ flex:1 0 auto; }

.time_mav{
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%;
  padding:0 clamp(12px,2.5vw,40px);
  background:var(--card);
  border-bottom:1px solid var(--border);
  box-shadow:var(--shadow);
}
.time_name{
  display:flex; align-items:center; gap:10px;
  margin:0; padding:12px 0;
  font-size:clamp(18px,2vw,24px); font-weight:700;
  color:var(--primary);
  background:none; width:auto; height:auto;
  transition:opacity .2s ease;
}
.time_name:hover{ opacity:.8; }
.time_name a{ color:var(--primary); }
.time_name img{ height:34px; width:auto; display:block; }

.time_so{ display:flex; align-items:center; flex:0 1 clamp(180px,30vw,420px); }
.time_so form{ display:flex; width:100%; align-items:center; gap:6px; }
.time_so input{
  flex:1 1 auto; min-width:0; width:auto;
  padding:9px 14px;
  border:1px solid var(--border-2); border-radius:999px;
  background:var(--card-soft); font-size:14px; color:var(--text);
  transition:border-color .2s,background .2s;
}
.time_so input:focus{ border-color:var(--primary); background:var(--card); outline:none; }
.time_so button{
  flex:0 0 auto; width:40px; height:40px;
  display:grid; place-items:center;
  border:none; border-radius:50%; background:transparent; cursor:pointer;
  transition:background .2s;
}
.time_so button:hover{ background:var(--primary-soft); }
.time_so svg{ display:block; width:19px; height:19px; fill:var(--muted); }

.time_now{
  padding:clamp(18px,3vw,40px) 0 clamp(8px,1.5vw,16px);
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:12px;
  text-align:center;
}

.time_now h1{
  margin:0;
  font-size:clamp(28px,5vw,54px); font-weight:800; letter-spacing:1px;
  color:var(--muted-2);
}
.time_now .flag-icon{ font-size:1.6em; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.time_now .text{ color:var(--muted-2); padding-left:4px; }

@font-face{
  font-family:'TklmClock';
  src:url(data:font/woff2;base64,d09GMgABAAAAAAiMAA4AAAAAD8wAAAg0AAMAgwAAAAAAAAAAAAAAAAAAAAAAAAAAG24cgT4GYD9TVEFURAA8EQgKkjCPQQE2AiQDbAtWAAQgBYQ2ByAbEA1RlHBSD8EXiVjC1ZuLBxRFrZdlakGBAy04fJvMC/ZnD3a4+/lvW3/ugK7OmAwxAyw5GAWMYESvCxjYiNXbARsZRn1tVKgvOl2C4FDvMy2UbTxsYWhODaaLKlKhejFakxa/HsAbUAHgciz8tV8jvseikq5hGjqR6YRGKXv/n73bU8QWU5t+w3RrDCGpJrNGKJTCdBKJ0BIZm4YqE7KGhS6IYDwyVue7z74IEAAcg4X1Bnkm8Los+zrACxd8QrgNO297OsANQA0ujFCSGKEjVEpBHKd4ZUQkMSAQK0QCMyvWNCMBimycz6VNN7fOduD/w4MRIL7Nae8BVTyCFbN3BHAh5pFLlgULNJ4rHw7JlRAjpBKQAH0kB8KDBAUKrnUDgQ8i/POvSECWzo0vC5e5AOyzMAWQK7eCZtiIg4P0yI0KhwXZcJROTImYfgJuF2lJg9WwoRYFDnRrJQBfADPkvm/qQwDwZ55s5PIILD5+DSphl5WZKxaurQWmSgC+RZGhXAHgqnh2ES0m3wDQpbr8zR9HHomgTN7g9kgA04DnAvYFOBMAGwGcdaCQPlPRanBgOZky4jhYnecVqBcrflLuwZN6eIhr+Xh5KkNFcsrDm8Jx2oPLNTsnKQStmAohNkyEgNf3t2wYnkJoxeQQ7hx4DTMxSCCCg6MzU1PBBJcAwufUDi+5dBw+b+00AtCK/VGc9fyI5wE7d/IJMDsnESJg+Q1iwy20YugijiNgunoyXtbPtCyj4LuAg0BH4VZhCfH6oJwi0AHURUJgBOAlC4jlEzOYoptlRlIWqyfgpj2XWiuXY+zlkFaM4c6R16b+R4OZLX6YbHwNJoiL7pDqgTzhOteA5XSRvNiLpdTRrBcCxK3GLdfBDSuCETG6CiGWj246PlVy9j4+hpLSlhdZnQ8t8Mj9Qf19y4YjCO9yHHceBXDIii6+6Mwj/zMmq70guP+aqNyPO8/eXthtesX0gvkCz4ZbnS/hHPSL8wz9cBrPqifBkwEDzKlBWP7cuqNhhoMUwKZxRlCj7MSsk3Mn31JCkOVMxSyrc8NZO4P9WUelOkzkPrf4HGchYqh1xVQqjggYuJJmQXDLimH/00NDGzrJK97gNJcU4ayw+kBhX/kJ+VkcKU71VVj4uI0GEVC63adh2Qq2ULy+uTnnkqOWsLAsRTjmxKl/aL38B7wmNyN3V/ODXDa9+rtPC7DvHzhQNJbHL1D8Gpu9yQ5KKiqo8quJ5IzoTHVBmM+xM7Tm/6DARaDh5USUW4OM4cVqfUGiTl4aXhib2RbddDjy1y74tK6ps4q3RKCv16iWG4I7koVKu3pmvVEnmSn31pFLpNFakyk00txYXRHPZpi516Jmp8WzJaVhkAf+F4mJOw2HyNz5nimsI2Yxa321Zf8DOkWQUmY0ZdgzDsCX1o55zUui/VM16sC01LhlMqnibK+3cFFe1yfux779nNHmaENq87pbF8J3SRXx+m3LtoSdKE1NSCqIYWxJi2KOqOV33OogxX2RMiormqlLStPZTMbYekaZZohUpjKMKjXSoEoD22zlkeidWStsVNf+WbyMJbFbmH2FXiSCTzMsxoDyyKhA02QWU6SnevOs8Pj4nEuHUY8dpV/ojqhIG7duk25jzAaDhWEsYjuzOlKG9Hokk/0szvkZPk0sjGHqExfFDKv6inBbrIzMPsKWmK6rMxsjkq0XkJvc1puV6fU4WN+vKZQUZmVLigo1mkThyM6C/xOJTKroH1YX8pOI+ilEx/4D5Eh6zq0cffFEVYg0OR1Eo97BhoynjkKKf4fk4SSdDWHu7GWW3R0Sxqbt/7E1f0kybOyPuWcgcj3JEh7fIRA4BLJkuW+5UFDt5ZPuy8+hg2/r2ac66Z72A4/l2q/hI0Wb9R8Ez/VIL1g/c7YqS5yeuc3Q5H9GEicpAme/4cfIbOlSHrlMKT8gIP5xJLl5XLiUsIibsivLJ/BcfGxcMuzuT4w1lbcaS1JsfZn0vzzhb57O9wVsSCprGApPIeOEVD6fzBVRlZDRb4k5eNKZMBFaF1whboyYQbiBoz8uN0jSMViRQwdmG43RgXR5xZWlkiDrfr9wcTBJxorD/Q55u9NahVJLu8P6wUhdij6Hfo8n+sIzU6PTJrHGJ9rIhBxbjtis0twjJSJaTvLktEgiCIj4cDgdjtVAcK2CHExnLlGBhajEAlRhllWtWxls1ST0Q5OnPwtocAW5g4IpmJKpmJoxTMP8mD8EfAB5TgMAIPNX08iOD+BbVIsC8BdqI8zfAtAODuANakdRB/+jclJCTKjtIQ1oX//ej8o//IMakZFlGruIH/m+xYZQUeAvMgnJNwBxepOAcvrfRlJCjNSEfwGd7V/6HDn+wS49QvkDAeBY1bxjd7W43904nK8AwNTu7Z4A4IuyjBNZPv13SccVA+IKAwCAwO8UU3/j8/+tFQA5GOgRvwH0JFuiPyqRRjdPmV2Evje+QOKjCOEoUmo0SvuqSAhAkCozVHMZSXDxRQQnDlRyB4CbACgWkboZi3HzQSxHki9iufzCL9aFOPJiXDHRkAoBeIRzHjfOiVx0z93v4wp4HJeqU5cFejRr1KSPAktHL5qCSUE7JdvINmtoNlcn7ligVo8eRPNIFG2oxSFt+lyhc/RFdurRKwLieZa4S68YWtmo2fhbzFEnjE2ndlqF2nVoVmeOXqFMFuhipx1j4mz5gSP+rCk6takXLoyODitWoXwFssWG7xaqmF2jOdrUGdwGYzNpYb9wasYuHRTNp93QGIIlhkdB2TnVqhxLm+Kb1KVWB46DzN4cxAIAAA==) format('woff2');
  font-weight:800;
  font-display:swap;
  unicode-range:U+0030-0039,U+003A;
}
.time_get{ padding:0 0 clamp(10px,2vw,24px); margin:0; text-align:center; overflow:hidden; }
.time_get .bzsj{ line-height:1.08; }
.time_get .bzsj{
  margin:0; text-align:center; white-space:nowrap;
  font-size:clamp(56px,14vw,180px); font-weight:800; line-height:1;
  letter-spacing:clamp(2px,1vw,14px);

  font-family:"SF Mono","DIN Alternate","Impact",Menlo,Consolas,monospace;
  font-variant-numeric:tabular-nums;
  color:var(--primary);
  text-shadow:0 2px 12px rgba(26,115,232,.12);
  word-break:break-all;
}

.worldtime-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
  width:100%;
}
.worldtime-grid a{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:2px;
  padding:12px 6px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:10px;
  color:var(--text);
  text-align:center;
  min-width:0;
  min-height:72px;
  box-sizing:border-box;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
}
.worldtime-grid a:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-hover);
  border-color:var(--primary);
  color:var(--primary);
}
.worldtime-grid .csmc{
  margin:0; font-size:15px; font-weight:600;

  height:21px; line-height:21px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width:100%;
  display:block; width:100%;
}
.worldtime-grid .cssj{
  margin:0; font-size:17px; font-weight:700; color:var(--primary);

  font-family:"SF Mono","Cascadia Mono",Consolas,Menlo,
              "DejaVu Sans Mono","Liberation Mono",monospace;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  -webkit-font-feature-settings:"lnum" 1,"tnum" 1;
  white-space:nowrap;
  display:block; width:100%; max-width:100%;
  overflow:hidden;
  height:24px; line-height:24px;
  letter-spacing:0;
}

.worldtime-grid .cssj .wttime,
.worldtime-grid .cssj time{
  display:inline-block;
  min-width:5ch;
  text-align:center;
  font-weight:700;

  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  -webkit-font-feature-settings:"lnum" 1,"tnum" 1;
}
.worldtime-grid a:hover .cssj{ color:var(--primary); }

.time_list{ width:100%; }
.time_list .sqbt{
  text-align:center; line-height:2; font-weight:600; color:var(--text);
  display:flex; flex-direction:column; align-items:center; gap:2px;
}
.time_list .sqbt p{ margin:0; }
.time_list .sqbt span{ margin-right:6px; font-weight:600; }
.time_list ul{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; padding:0; }
.time_list li{
  list-style:none; display:inline-block;
  width:auto; min-width:62px;
  background:var(--card-soft); border:1px solid var(--border);
  border-radius:8px; padding:4px 12px; margin:0;
  transition:all .18s;
}
.time_list li a{ display:block; color:var(--text); padding:2px 0; }
.time_list li:hover{ background:var(--primary); border-color:var(--primary); }
.time_list li:hover a{ color:#fff; }
.time_list .csmc{ font-weight:700; }
.time_list .cssj{ font-size:19px; font-family:Georgia,"Times New Roman",serif; }

.time_info,.time_box,.time_scbox,.time_zodiac,.time_area,.time_tool{
  width:100%;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:clamp(16px,2.5vw,28px);
  margin-top:clamp(16px,2.5vw,28px);
  box-shadow:var(--shadow);
}
.time_info{ line-height:1.9; }
.time_info p{ margin:0 0 .8em; font-size:15px; }
.time_info .bt,.time_box .bt,.time_box .hot .bt,.time_box .tool .bt{
  font-size:clamp(17px,2vw,21px); font-weight:700; color:var(--title);
  border-bottom:2px solid var(--card-soft);
  padding-bottom:10px; margin-bottom:16px; text-align:center;
}
.time_info .bt a{ color:var(--title); }
.time_info .bt a:hover{ color:var(--accent); }
.time_info .nr p{ text-indent:2em; color:var(--muted); }

.time_info .ss{ margin-top:12px; display:grid; gap:6px 14px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.time_info .ss a{
  color:var(--text); display:block; width:auto; margin:0; padding:4px 0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.time_info .ss a:hover{ color:var(--primary); }

.time_info .kw-grid ul{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:12px; margin:0; padding:0; list-style:none;
}
.time_info .kw-grid li{ list-style:none; margin:0; padding:0; }
.time_info .kw-grid li a{
  display:block; height:100%; padding:12px 14px; margin:0;
  background:var(--card-soft); border:1px solid var(--border); border-radius:10px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
}
.time_info .kw-grid li a:hover{
  transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:var(--primary);
}
.time_info .kw-grid li b{
  display:block; font-size:15px; font-weight:700; color:var(--title);
  margin-bottom:3px; line-height:1.5;
}
.time_info .kw-grid li a:hover b{ color:var(--primary); }
.time_info .kw-grid li span{
  display:block; font-size:13px; color:var(--muted);
  line-height:1.65; text-indent:0;
}

.bgspan{
  background:var(--primary-soft); padding:3px 8px; margin:2px;
  border-radius:4px; color:var(--text); display:inline-block; font-size:.95em;
}
.sglx{ border-bottom:1px dashed var(--border); padding-bottom:12px; margin-bottom:12px; text-align:center; }

.time_area{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:12px; padding:clamp(16px,2.5vw,28px);
}
.time_area .area_item{ width:auto; padding:0; }
.time_area .area_main{ margin:0; height:100%; }
.time_area .area_item .area_main{
  border:1px solid var(--border); padding:14px; border-radius:10px;
  display:flex; align-items:center; gap:10px; height:100%;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
}
.time_area .area_item .area_main:hover{
  transform:translateY(-2px); box-shadow:var(--shadow-hover); border-color:var(--primary);
}
.time_area .area_item:hover{ transform:none; }
.time_area .area_item img{ width:28px; height:28px; border-radius:50%; flex:0 0 auto; }
.time_area .area_item .area_url{ margin-left:0; min-width:0; }
.time_area .area_item p.name{ font-size:16px; margin:0; }
.time_area .area_item p.name a{ color:var(--title); }
.time_area .area_item p.name a:hover{ color:var(--primary); }
.time_area .icon{
  display:inline-grid; place-items:center; margin:0;
  width:46px; height:38px; line-height:1; font-size:22px;
  border-radius:6px; background:rgba(255,255,255,.85);
  transition:all .2s ease-in-out; border:1px solid transparent;
}
.time_area .icon.without-bg{ font-size:32px; background:transparent; height:100%; }

.time_box .hot,.time_box .tool{ padding:0; }
.time_box .hot p,.time_box .tool p,.time_scbox p{
  display:flex; flex-wrap:wrap; gap:8px; margin:0; justify-content:center;
}
.time_box .hot ul.tool-list,.time_box .tool ul.tool-list,.time_scbox ul.tool-list{
  display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; justify-content:center; list-style:none;
}
.time_box .hot ul.tool-list li,.time_box .tool ul.tool-list li,.time_scbox ul.tool-list li{
  flex:0 1 auto; margin:0; padding:0; list-style:none;
}
.time_box .hot a,.time_box .tool a,.time_scbox a{
  flex:0 1 auto; min-width:96px; max-width:220px; width:auto;
  display:block; padding:9px 12px; margin:0;
  text-align:center; background:var(--card-soft);
  border:1px solid var(--border); border-radius:8px;
  color:var(--text); font-size:14px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  transition:all .18s ease;
}
.time_box .hot a:hover,.time_box .tool a:hover,.time_scbox a:hover{
  background:var(--primary); color:#fff; border-color:var(--primary); transform:translateY(-1px);
}

.time_scbt{
  background:linear-gradient(135deg,var(--grad-a),var(--grad-b));
  margin:clamp(20px,3vw,32px) auto 0;
  width:auto; display:table;
  text-align:center; padding:10px 26px; border-radius:10px; color:#fff;
  box-shadow:0 4px 14px rgba(26,115,232,.25);
}
.time_scbt h2{ margin:0; padding:0; font-size:clamp(17px,2vw,21px); color:#fff; }
.time_scbox{ margin-top:12px; }

.time_tool{ margin:0 auto; text-align:center; }
.time_tool .box{
  width:100%; max-width:720px;
  margin:0 auto 22px; padding:12px clamp(12px,3vw,28px);
  line-height:2;
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px;
}
.time_tool .box input,.time_tool .box select{
  width:130px; max-width:100%;
  margin:0 4px 6px;
  padding:8px 10px;
  border:1px solid var(--border-2); border-radius:6px;
  outline:none; font-size:15px; color:var(--text); background:var(--card);
  font-family:inherit;
}
.time_tool .box input:focus,.time_tool .box select:focus{ border-color:var(--primary); }
.time_tool .btnchk,.time_tool .bnt input,.time_tool .box .bnt input{
  background:var(--primary); color:#fff;
  height:38px; padding:0 20px;
  border:none; border-radius:6px; outline:none; cursor:pointer;
  font-weight:600; font-family:inherit; margin:0 4px 6px;
  transition:background .18s;
}
.time_tool .bnt input:hover,.time_tool .btnchk:hover{ background:var(--primary-dark); color:#fff; }
.time_tool .biaod2{ margin-top:14px; }
.time_tool .bt{ font-size:clamp(17px,2vw,21px); font-weight:700; margin-bottom:12px; text-align:center; }
.time_tool .msg{ font-size:clamp(17px,2.4vw,22px); color:var(--accent); font-weight:700; }
.time_tool .msg div,.time_tool .msg p{ text-align:center; }
.fgx{ margin-top:34px; }
.tian{ background:var(--title); color:#fff; padding:4px 10px; margin-right:6px; font-size:17px; border-radius:4px; }

.time_tool table{ line-height:1.9; text-align:center; font-size:15px; }
.time_tool table td,.time_tool table th{ text-align:center; padding:10px; border:1px solid var(--border); }
.time_tool table th{ background:var(--card-soft); font-weight:600; }
.time_tool table tr:nth-child(odd){ background:var(--card); }
.time_tool table tr:hover{ background:var(--primary-soft); }
.table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }

.table-scroll table{ width:auto; min-width:100%; border-collapse:collapse; }
.table-scroll table td,.table-scroll table th{ white-space:nowrap; }

.table-tip{ font-size:13px; color:var(--muted-2, #888); text-align:center; margin:6px 0 10px; line-height:1.6; }
.only-mobile{ display:none; }

.time_tool > *:not(.box):not(table):not(.table-scroll){ text-align:center; }
.time_tool form{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; }
.time_tool form.form-lines{ display:block; text-align:center; }
.time_tool .zodiac-res{ text-align:center; }

.time_zodiac h2{ text-align:center; font-size:clamp(20px,3vw,32px); padding:12px 0 20px; }
.time_zodiac .zodiac{ font-size:16px; line-height:2; }
.time_zodiac .zodiac .zodiac-res{
  background:var(--card-soft); border:1px dashed var(--border-2);
  text-align:center; font-size:16px; padding:22px; margin-bottom:14px; border-radius:10px;
}

.breadcrumb{ width:100%; padding:14px 0 0; font-size:14px; color:var(--muted-2); text-align:center; }
.breadcrumb ol{ list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; justify-content:center; }
.breadcrumb li::after{ content:"/"; margin-left:6px; color:var(--muted-3); }
.breadcrumb li:last-child::after{ content:""; }
.breadcrumb a{ color:var(--muted); }
.breadcrumb a:hover{ color:var(--primary); }

.pagebar{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:24px 0; padding:0; list-style:none; }
.pagebar .page,.pagebar a span.page{
  display:inline-block; min-width:38px; padding:8px 12px;
  text-align:center; background:var(--card); border:1px solid var(--border);
  border-radius:8px; color:var(--text); font-size:15px; transition:all .18s;
}
.pagebar a:hover span.page{ background:var(--primary); color:#fff; border-color:var(--primary); }
.pagebar .now-page{ background:var(--primary); color:#fff; border-color:var(--primary); font-weight:600; }

.msg,.msghead{ list-style:none; padding:0; margin:0 0 14px; }
.msghead .tbname{ font-size:17px; font-weight:700; color:var(--title); margin-bottom:10px; }
.msg{ background:var(--card); border:1px solid var(--border); border-radius:10px; padding:14px 16px; margin-bottom:12px; }
.msg li{ list-style:none; }
.msgname{ font-size:14px; color:var(--muted); margin-bottom:6px; }
.msgname img.avatar{ width:32px; height:32px; border-radius:50%; vertical-align:middle; margin-right:6px; }
.msgname .commentname a{ font-weight:600; color:var(--primary); }
.msgname small{ color:var(--muted-3); }
.msgarticle{ font-size:15px; line-height:1.8; color:var(--text); }
.msgarticle .msg{ margin-top:10px; background:var(--card-soft); }
.revertcomment a{ color:var(--muted-3); }
.revertcomment a:hover{ color:var(--accent); }

#divCommentPost{
  background:var(--card); border:1px solid var(--border);
  border-radius:12px; padding:18px 20px; margin-top:20px;
}
#divCommentPost .posttop{ font-size:17px; font-weight:700; margin-bottom:12px; color:var(--title); }
#divCommentPost .text{
  width:100%; max-width:420px; padding:9px 12px;
  border:1px solid var(--border-2); border-radius:8px;
  font-size:15px; font-family:inherit; margin-bottom:4px;
  background:var(--card); color:var(--text);
}
#divCommentPost textarea.text{ max-width:100%; }
#divCommentPost .text:focus{ border-color:var(--primary); outline:none; }
#divCommentPost .button{
  background:var(--primary); color:#fff; border:none; border-radius:8px;
  padding:10px 28px; font-size:15px; font-weight:600; cursor:pointer;
  font-family:inherit; transition:background .18s;
}
#divCommentPost .button:hover{ background:var(--primary-dark); }
#divCommentPost .postbottom{ color:var(--muted-3); font-size:13px; margin-top:12px; }
.commentpagebar{ margin:10px 0; }

#backTop{
  position:fixed; right:clamp(12px,2vw,28px); bottom:clamp(16px,3vw,36px);
  width:46px; height:46px; display:none; place-items:center;
  background:var(--primary); color:#fff; border:none; border-radius:50%;
  cursor:pointer; z-index:90; box-shadow:0 4px 14px rgba(0,0,0,.18);
  font-size:20px; line-height:1;
  transition:opacity .2s,transform .2s;
}
#backTop:hover{ background:var(--primary-dark); transform:translateY(-2px); }
#backTop.show{ display:grid; }

.footer{
  width:100%;
  margin-top:clamp(30px,5vw,60px);
  padding:clamp(24px,4vw,44px) clamp(12px,2.5vw,40px) 28px;
  background:var(--title); color:#9aa7b8;
  line-height:2; letter-spacing:.5px; text-align:center; flex-shrink:0;
}
.footer a{ color:#b9c5d4; }
.footer a:hover{ color:#fff; }
.footer .footer-inner{ max-width:1600px; margin:0 auto; display:flex; flex-direction:column; gap:8px; align-items:center; }
.footer .footer-beian{ display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:center; }
.footer .footer-beian span,.footer .footer-beian a{ color:#9aa7b8; }

@media only screen and (max-width:1024px){
  .time_area{ grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); }
  .time_get .bzsj{ font-size:clamp(52px,13vw,110px); }
}

@media only screen and (max-width:600px){
  body{ font-size:15px; }
  .time_mav{ flex-wrap:wrap; gap:8px; padding:8px 12px; }
  .time_name{ font-size:18px; padding:4px 0; }
  .time_so{ flex:1 1 100%; }
  .time_now{ padding:16px 0 6px; }
  .time_now h1{ display:block; width:100%; font-size:clamp(24px,8vw,34px); }
  .time_now .flag-icon{ display:block; margin:0 auto 6px; font-size:2em; }
  .time_now .text{ display:block; width:100%; text-align:center; padding-top:4px; color:var(--muted-2); }
  .time_get .bzsj{ font-size:clamp(38px,12vw,60px); letter-spacing:0; text-align:center; }

  .worldtime-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .worldtime-grid a{ padding:8px 2px; border-radius:8px; }
  .worldtime-grid .csmc{ font-size:12px; }
  .worldtime-grid .cssj{ font-size:13px; }

  .time_tool{ padding:16px 12px; }
  .time_tool .msg{ font-size:15px; }
  .time_tool .box{ max-width:100%; padding:6px 0; margin-bottom:14px; gap:6px; }
  .time_tool .box input,.time_tool .box select{ width:74px; }
  .time_tool .bnt input,.time_tool .btnchk{ width:auto; padding:0 16px; }
  .time_tool table{ font-size:13px; }
  .time_tool table td,.time_tool table th{ padding:6px 4px; }

  .time_tool .table-scroll table{ font-size:12px; line-height:1.6; }
  .time_tool .table-scroll table td,
  .time_tool .table-scroll table th{ padding:5px 6px; white-space:nowrap; }
  .only-mobile{ display:inline; }
  .table-tip{ font-size:12px; padding:0 8px; }
  .time_info .ss{ grid-template-columns:1fr; }
  .time_info .kw-grid ul{ grid-template-columns:repeat(auto-fill,minmax(146px,1fr)); gap:8px; }
  .time_info .kw-grid li a{ padding:10px 11px; }
  .time_info .kw-grid li b{ font-size:14px; }
  .time_info .kw-grid li span{ font-size:12px; }
  .time_list ul{ justify-content:center; margin-top:10px; }
  .time_list li{ width:auto; min-width:54px; padding:3px 10px; margin:0; }
  .time_box .hot a,.time_box .tool a,.time_scbox a{
    flex:1 1 calc(50% - 8px); min-width:0; font-size:13px;
  }
  .time_area{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; padding:12px; }
  .time_area .area_item .area_main{ padding:10px; }
  .time_area .area_item p.name{ font-size:14px; }
  .time_zodiac .zodiac-res{ padding:14px; }
}

@media only screen and (min-width:1600px){
  .time_area{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
  .worldtime-grid{ max-width:1400px; margin-left:auto; margin-right:auto; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

@media print{
  .time_mav,.footer,.time_so,#backTop{ display:none; }
  body{ background:#fff; }
  .time_get .bzsj{ color:#000; text-shadow:none; }
}

.flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:'\00a0'}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(flag/ad.svg)}.flag-icon-ae{background-image:url(flag/ae.svg)}.flag-icon-af{background-image:url(flag/af.svg)}.flag-icon-ag{background-image:url(flag/ag.svg)}.flag-icon-ai{background-image:url(flag/ai.svg)}.flag-icon-al{background-image:url(flag/al.svg)}.flag-icon-am{background-image:url(flag/am.svg)}.flag-icon-ao{background-image:url(flag/ao.svg)}.flag-icon-aq{background-image:url(flag/aq.svg)}.flag-icon-ar{background-image:url(flag/ar.svg)}.flag-icon-as{background-image:url(flag/as.svg)}.flag-icon-at{background-image:url(flag/at.svg)}.flag-icon-au{background-image:url(flag/au.svg)}.flag-icon-aw{background-image:url(flag/aw.svg)}.flag-icon-ax{background-image:url(flag/ax.svg)}.flag-icon-az{background-image:url(flag/az.svg)}.flag-icon-ba{background-image:url(flag/ba.svg)}.flag-icon-bb{background-image:url(flag/bb.svg)}.flag-icon-bd{background-image:url(flag/bd.svg)}.flag-icon-be{background-image:url(flag/be.svg)}.flag-icon-bf{background-image:url(flag/bf.svg)}.flag-icon-bg{background-image:url(flag/bg.svg)}.flag-icon-bh{background-image:url(flag/bh.svg)}.flag-icon-bi{background-image:url(flag/bi.svg)}.flag-icon-bj{background-image:url(flag/bj.svg)}.flag-icon-bl{background-image:url(flag/bl.svg)}.flag-icon-bm{background-image:url(flag/bm.svg)}.flag-icon-bn{background-image:url(flag/bn.svg)}.flag-icon-bo{background-image:url(flag/bo.svg)}.flag-icon-bq{background-image:url(flag/bq.svg)}.flag-icon-br{background-image:url(flag/br.svg)}.flag-icon-bs{background-image:url(flag/bs.svg)}.flag-icon-bt{background-image:url(flag/bt.svg)}.flag-icon-bv{background-image:url(flag/bv.svg)}.flag-icon-bw{background-image:url(flag/bw.svg)}.flag-icon-by{background-image:url(flag/by.svg)}.flag-icon-bz{background-image:url(flag/bz.svg)}.flag-icon-ca{background-image:url(flag/ca.svg)}.flag-icon-cc{background-image:url(flag/cc.svg)}.flag-icon-cd{background-image:url(flag/cd.svg)}.flag-icon-cf{background-image:url(flag/cf.svg)}.flag-icon-cg{background-image:url(flag/cg.svg)}.flag-icon-ch{background-image:url(flag/ch.svg)}.flag-icon-ci{background-image:url(flag/ci.svg)}.flag-icon-ck{background-image:url(flag/ck.svg)}.flag-icon-cl{background-image:url(flag/cl.svg)}.flag-icon-cm{background-image:url(flag/cm.svg)}.flag-icon-cn{background-image:url(flag/cn.svg)}.flag-icon-co{background-image:url(flag/co.svg)}.flag-icon-cr{background-image:url(flag/cr.svg)}.flag-icon-cu{background-image:url(flag/cu.svg)}.flag-icon-cv{background-image:url(flag/cv.svg)}.flag-icon-cw{background-image:url(flag/cw.svg)}.flag-icon-cx{background-image:url(flag/cx.svg)}.flag-icon-cy{background-image:url(flag/cy.svg)}.flag-icon-cz{background-image:url(flag/cz.svg)}.flag-icon-de{background-image:url(flag/de.svg)}.flag-icon-dj{background-image:url(flag/dj.svg)}.flag-icon-dk{background-image:url(flag/dk.svg)}.flag-icon-dm{background-image:url(flag/dm.svg)}.flag-icon-do{background-image:url(flag/do.svg)}.flag-icon-dz{background-image:url(flag/dz.svg)}.flag-icon-ec{background-image:url(flag/ec.svg)}.flag-icon-ee{background-image:url(flag/ee.svg)}.flag-icon-eg{background-image:url(flag/eg.svg)}.flag-icon-eh{background-image:url(flag/eh.svg)}.flag-icon-er{background-image:url(flag/er.svg)}.flag-icon-es{background-image:url(flag/es.svg)}.flag-icon-et{background-image:url(flag/et.svg)}.flag-icon-fi{background-image:url(flag/fi.svg)}.flag-icon-fj{background-image:url(flag/fj.svg)}.flag-icon-fk{background-image:url(flag/fk.svg)}.flag-icon-fm{background-image:url(flag/fm.svg)}.flag-icon-fo{background-image:url(flag/fo.svg)}.flag-icon-fr{background-image:url(flag/fr.svg)}.flag-icon-ga{background-image:url(flag/ga.svg)}.flag-icon-gb{background-image:url(flag/gb.svg)}.flag-icon-gd{background-image:url(flag/gd.svg)}.flag-icon-ge{background-image:url(flag/ge.svg)}.flag-icon-gf{background-image:url(flag/gf.svg)}.flag-icon-gg{background-image:url(flag/gg.svg)}.flag-icon-gh{background-image:url(flag/gh.svg)}.flag-icon-gi{background-image:url(flag/gi.svg)}.flag-icon-gl{background-image:url(flag/gl.svg)}.flag-icon-gm{background-image:url(flag/gm.svg)}.flag-icon-gn{background-image:url(flag/gn.svg)}.flag-icon-gp{background-image:url(flag/gp.svg)}.flag-icon-gq{background-image:url(flag/gq.svg)}.flag-icon-gr{background-image:url(flag/gr.svg)}.flag-icon-gs{background-image:url(flag/gs.svg)}.flag-icon-gt{background-image:url(flag/gt.svg)}.flag-icon-gu{background-image:url(flag/gu.svg)}.flag-icon-gw{background-image:url(flag/gw.svg)}.flag-icon-gy{background-image:url(flag/gy.svg)}.flag-icon-hk{background-image:url(flag/hk.svg)}.flag-icon-hm{background-image:url(flag/hm.svg)}.flag-icon-hn{background-image:url(flag/hn.svg)}.flag-icon-hr{background-image:url(flag/hr.svg)}.flag-icon-ht{background-image:url(flag/ht.svg)}.flag-icon-hu{background-image:url(flag/hu.svg)}.flag-icon-id{background-image:url(flag/id.svg)}.flag-icon-ie{background-image:url(flag/ie.svg)}.flag-icon-il{background-image:url(flag/il.svg)}.flag-icon-im{background-image:url(flag/im.svg)}.flag-icon-in{background-image:url(flag/in.svg)}.flag-icon-io{background-image:url(flag/io.svg)}.flag-icon-iq{background-image:url(flag/iq.svg)}.flag-icon-ir{background-image:url(flag/ir.svg)}.flag-icon-is{background-image:url(flag/is.svg)}.flag-icon-it{background-image:url(flag/it.svg)}.flag-icon-je{background-image:url(flag/je.svg)}.flag-icon-jm{background-image:url(flag/jm.svg)}.flag-icon-jo{background-image:url(flag/jo.svg)}.flag-icon-jp{background-image:url(flag/jp.svg)}.flag-icon-ke{background-image:url(flag/ke.svg)}.flag-icon-kg{background-image:url(flag/kg.svg)}.flag-icon-kh{background-image:url(flag/kh.svg)}.flag-icon-ki{background-image:url(flag/ki.svg)}.flag-icon-km{background-image:url(flag/km.svg)}.flag-icon-kn{background-image:url(flag/kn.svg)}.flag-icon-kp{background-image:url(flag/kp.svg)}.flag-icon-kr{background-image:url(flag/kr.svg)}.flag-icon-kw{background-image:url(flag/kw.svg)}.flag-icon-ky{background-image:url(flag/ky.svg)}.flag-icon-kz{background-image:url(flag/kz.svg)}.flag-icon-la{background-image:url(flag/la.svg)}.flag-icon-lb{background-image:url(flag/lb.svg)}.flag-icon-lc{background-image:url(flag/lc.svg)}.flag-icon-li{background-image:url(flag/li.svg)}.flag-icon-lk{background-image:url(flag/lk.svg)}.flag-icon-lr{background-image:url(flag/lr.svg)}.flag-icon-ls{background-image:url(flag/ls.svg)}.flag-icon-lt{background-image:url(flag/lt.svg)}.flag-icon-lu{background-image:url(flag/lu.svg)}.flag-icon-lv{background-image:url(flag/lv.svg)}.flag-icon-ly{background-image:url(flag/ly.svg)}.flag-icon-ma{background-image:url(flag/ma.svg)}.flag-icon-mc{background-image:url(flag/mc.svg)}.flag-icon-md{background-image:url(flag/md.svg)}.flag-icon-me{background-image:url(flag/me.svg)}.flag-icon-mf{background-image:url(flag/mf.svg)}.flag-icon-mg{background-image:url(flag/mg.svg)}.flag-icon-mh{background-image:url(flag/mh.svg)}.flag-icon-mk{background-image:url(flag/mk.svg)}.flag-icon-ml{background-image:url(flag/ml.svg)}.flag-icon-mm{background-image:url(flag/mm.svg)}.flag-icon-mn{background-image:url(flag/mn.svg)}.flag-icon-mo{background-image:url(flag/mo.svg)}.flag-icon-mp{background-image:url(flag/mp.svg)}.flag-icon-mq{background-image:url(flag/mq.svg)}.flag-icon-mr{background-image:url(flag/mr.svg)}.flag-icon-ms{background-image:url(flag/ms.svg)}.flag-icon-mt{background-image:url(flag/mt.svg)}.flag-icon-mu{background-image:url(flag/mu.svg)}.flag-icon-mv{background-image:url(flag/mv.svg)}.flag-icon-mw{background-image:url(flag/mw.svg)}.flag-icon-mx{background-image:url(flag/mx.svg)}.flag-icon-my{background-image:url(flag/my.svg)}.flag-icon-mz{background-image:url(flag/mz.svg)}.flag-icon-na{background-image:url(flag/na.svg)}.flag-icon-nc{background-image:url(flag/nc.svg)}.flag-icon-ne{background-image:url(flag/ne.svg)}.flag-icon-nf{background-image:url(flag/nf.svg)}.flag-icon-ng{background-image:url(flag/ng.svg)}.flag-icon-ni{background-image:url(flag/ni.svg)}.flag-icon-nl{background-image:url(flag/nl.svg)}.flag-icon-no{background-image:url(flag/no.svg)}.flag-icon-np{background-image:url(flag/np.svg)}.flag-icon-nr{background-image:url(flag/nr.svg)}.flag-icon-nu{background-image:url(flag/nu.svg)}.flag-icon-nz{background-image:url(flag/nz.svg)}.flag-icon-om{background-image:url(flag/om.svg)}.flag-icon-pa{background-image:url(flag/pa.svg)}.flag-icon-pe{background-image:url(flag/pe.svg)}.flag-icon-pf{background-image:url(flag/pf.svg)}.flag-icon-pg{background-image:url(flag/pg.svg)}.flag-icon-ph{background-image:url(flag/ph.svg)}.flag-icon-pk{background-image:url(flag/pk.svg)}.flag-icon-pl{background-image:url(flag/pl.svg)}.flag-icon-pm{background-image:url(flag/pm.svg)}.flag-icon-pn{background-image:url(flag/pn.svg)}.flag-icon-pr{background-image:url(flag/pr.svg)}.flag-icon-ps{background-image:url(flag/ps.svg)}.flag-icon-pt{background-image:url(flag/pt.svg)}.flag-icon-pw{background-image:url(flag/pw.svg)}.flag-icon-py{background-image:url(flag/py.svg)}.flag-icon-qa{background-image:url(flag/qa.svg)}.flag-icon-re{background-image:url(flag/re.svg)}.flag-icon-ro{background-image:url(flag/ro.svg)}.flag-icon-rs{background-image:url(flag/rs.svg)}.flag-icon-ru{background-image:url(flag/ru.svg)}.flag-icon-rw{background-image:url(flag/rw.svg)}.flag-icon-sa{background-image:url(flag/sa.svg)}.flag-icon-sb{background-image:url(flag/sb.svg)}.flag-icon-sc{background-image:url(flag/sc.svg)}.flag-icon-sd{background-image:url(flag/sd.svg)}.flag-icon-se{background-image:url(flag/se.svg)}.flag-icon-sg{background-image:url(flag/sg.svg)}.flag-icon-sh{background-image:url(flag/sh.svg)}.flag-icon-si{background-image:url(flag/si.svg)}.flag-icon-sj{background-image:url(flag/sj.svg)}.flag-icon-sk{background-image:url(flag/sk.svg)}.flag-icon-sl{background-image:url(flag/sl.svg)}.flag-icon-sm{background-image:url(flag/sm.svg)}.flag-icon-sn{background-image:url(flag/sn.svg)}.flag-icon-so{background-image:url(flag/so.svg)}.flag-icon-sr{background-image:url(flag/sr.svg)}.flag-icon-ss{background-image:url(flag/ss.svg)}.flag-icon-st{background-image:url(flag/st.svg)}.flag-icon-sv{background-image:url(flag/sv.svg)}.flag-icon-sx{background-image:url(flag/sx.svg)}.flag-icon-sy{background-image:url(flag/sy.svg)}.flag-icon-sz{background-image:url(flag/sz.svg)}.flag-icon-tc{background-image:url(flag/tc.svg)}.flag-icon-td{background-image:url(flag/td.svg)}.flag-icon-tf{background-image:url(flag/tf.svg)}.flag-icon-tg{background-image:url(flag/tg.svg)}.flag-icon-th{background-image:url(flag/th.svg)}.flag-icon-tj{background-image:url(flag/tj.svg)}.flag-icon-tk{background-image:url(flag/tk.svg)}.flag-icon-tl{background-image:url(flag/tl.svg)}.flag-icon-tm{background-image:url(flag/tm.svg)}.flag-icon-tn{background-image:url(flag/tn.svg)}.flag-icon-to{background-image:url(flag/to.svg)}.flag-icon-tr{background-image:url(flag/tr.svg)}.flag-icon-tt{background-image:url(flag/tt.svg)}.flag-icon-tv{background-image:url(flag/tv.svg)}.flag-icon-tw{background-image:url(flag/tw.svg)}.flag-icon-tz{background-image:url(flag/tz.svg)}.flag-icon-ua{background-image:url(flag/ua.svg)}.flag-icon-ug{background-image:url(flag/ug.svg)}.flag-icon-um{background-image:url(flag/um.svg)}.flag-icon-us{background-image:url(flag/us.svg)}.flag-icon-uy{background-image:url(flag/uy.svg)}.flag-icon-uz{background-image:url(flag/uz.svg)}.flag-icon-va{background-image:url(flag/va.svg)}.flag-icon-vc{background-image:url(flag/vc.svg)}.flag-icon-ve{background-image:url(flag/ve.svg)}.flag-icon-vg{background-image:url(flag/vg.svg)}.flag-icon-vi{background-image:url(flag/vi.svg)}.flag-icon-vn{background-image:url(flag/vn.svg)}.flag-icon-vu{background-image:url(flag/vu.svg)}.flag-icon-wf{background-image:url(flag/wf.svg)}.flag-icon-ws{background-image:url(flag/ws.svg)}.flag-icon-ye{background-image:url(flag/ye.svg)}.flag-icon-yt{background-image:url(flag/yt.svg)}.flag-icon-za{background-image:url(flag/za.svg)}.flag-icon-zm{background-image:url(flag/zm.svg)}.flag-icon-zw{background-image:url(flag/zw.svg)}.flag-icon-es-ca{background-image:url(flag/es-ca.svg)}.flag-icon-eu{background-image:url(flag/eu.svg)}.flag-icon-gb-eng{background-image:url(flag/gb-eng.svg)}.flag-icon-gb-nir{background-image:url(flag/gb-nir.svg)}.flag-icon-gb-sct{background-image:url(flag/gb-sct.svg)}.flag-icon-gb-wls{background-image:url(flag/gb-wls.svg)}.flag-icon-un{background-image:url(flag/un.svg)}.flag-icon-xk{background-image:url(flag/xk.svg)}.flag-icon-uk {background-image: url(flag/uk.svg)}

ul.link{ list-style:none; margin:0; padding:0; }
li.link{ display:inline-block; margin:0 12px 6px 0; }

.time_link{
  margin:clamp(16px,2.5vw,28px) 0 0;
  padding:0;
  background:none;
  border:none;
  box-shadow:none;
  border-radius:0;
  line-height:2;
  font-size:16px;
}
.time_link .link-label{ color:var(--text); margin-right:2px; }

.time_link ul,.time_link ol{ display:inline; list-style:none; margin:0; padding:0; }
.time_link li{ display:inline; margin:0; padding:0; line-height:inherit; }
.time_link li::after{ content:""; }
.time_link a{
  display:inline;
  margin:0 14px 0 0;
  padding:2px 4px;
  color:var(--text);
  background:none;
  border:none;
  border-radius:4px;
  font-size:16px;
  transition:background .18s ease,color .18s ease;
}
.time_link a:hover{
  background:var(--primary);
  color:#fff;
}

.pagebar-wrap{ margin:24px 0; }

.footer .time_link{ color:#9aa7b8; }
.footer .time_link .link-label{ color:#9aa7b8; }
.footer .time_link a{ color:#b9c5d4; }
.footer .time_link a:hover{ background:var(--primary); color:#fff; }
.footer-link-line{ margin-top:6px; }

.tklm-noscript {
  margin: 8px 0 0;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.6;
  color: #8a94a6;
  background: #f7f9fc;
  border-left: 3px solid #c3d0e2;
  border-radius: 4px;
}

.time_get .bzsj time,
.sqbt time {
  font-variant-numeric: tabular-nums;
}
.time_get .bzsj time{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  -webkit-font-feature-settings:"tnum" 1;
}

@media (hover:none), (pointer:coarse){
  .time_get .bzsj{
    font-family:'TklmClock',"SF Mono","DIN Alternate","Impact",Menlo,Consolas,monospace;
  }
}

.flag-globe{display:inline-block;width:1.33333333em;height:1em;line-height:1em;
  vertical-align:-0.1em;color:#2095f2;opacity:.85}
.flag-globe svg{display:block;width:1.33333333em;height:1.33333333em}
.time_now .flag-globe{font-size:1.6em;margin-right:.3em;vertical-align:middle}

.time_tool{ margin:0 auto; text-align:center; }

.time_tool .box{
  display:block;
  width:100%; max-width:100%;
  margin:0 auto 26px;
  padding:28px clamp(16px,3vw,34px) 32px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  line-height:2.2;
  text-align:center;
  position:relative;
  overflow:visible;
  box-sizing:border-box;
}

.time_tool .box::before{
  content:"";
  position:absolute; left:0; top:0; right:0; height:3px;
  border-radius:16px 16px 0 0;
  background:linear-gradient(90deg,var(--grad-a),var(--grad-b));
}

.time_tool .box > p,
.time_tool .box > div,
.time_tool .box > form,
.time_tool .box .jqLine,
.time_tool .box .resLine,
.time_tool .box .jqOut,
.time_tool .box .tips{
  max-width:100%;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:break-word;
}

.time_tool .box p{
  margin:0 0 12px;
  line-height:2.2;
  text-align:center;
}

.time_tool .box .jqLine,
.time_tool .box .resLine{
  margin:0 0 14px;
  line-height:2;
  text-align:center;
}

.time_tool .box .tips{
  margin:14px 0 0;
  font-size:13px;
  line-height:1.9;
  color:var(--muted-2);
  text-align:left;
}

.time_tool .box .table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--border-2,#d0d5dd) var(--card-soft,#f4f5f7);
  border-radius:12px;
  margin-top:12px;
}

.time_tool .box .table-scroll table{
  width:auto;
  min-width:100%;
}

.time_tool .box br{ line-height:0; }

.time_tool .bt{
  font-size:clamp(18px,2.2vw,23px);
  font-weight:700;
  color:var(--title);
  letter-spacing:.5px;
  margin:0 0 20px;
  padding-bottom:14px;
  border-bottom:1px dashed var(--border-2);
  text-align:center;
}
.time_tool .bt h1,
.time_tool .bt h2,
.time_tool .bt h3{
  margin:0; font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit;
}

.time_tool .box input{
  display:inline-block;
  width:112px; max-width:100%;
  margin:0 3px;
  padding:8px 10px;
  border:1px solid var(--border-2);
  border-radius:9px;
  background:var(--card);
  color:var(--text);
  font-size:15px;
  font-family:inherit;
  line-height:1.5;
  vertical-align:middle;
  outline:none;
  transition:border-color .18s, box-shadow .18s;
}
.time_tool .box input[type="text"]{ width:auto; min-width:112px; }
.time_tool .box select{
  display:inline-block;
  width:auto; min-width:78px; max-width:100%;
  margin:0 3px;
  padding:8px 10px;
  border:1px solid var(--border-2);
  border-radius:9px;
  background:var(--card);
  color:var(--text);
  font-size:15px;
  font-family:inherit;
  line-height:1.5;
  vertical-align:middle;
  outline:none;
  transition:border-color .18s, box-shadow .18s;
}
.time_tool .box input:hover,
.time_tool .box select:hover{ border-color:var(--primary); }
.time_tool .box input:focus,
.time_tool .box select:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--primary-soft);
}

.time_tool .btnchk,
.time_tool .bnt input,
.time_tool .box .bnt input{
  display:inline-block;
  height:42px;
  padding:0 28px;
  border:none;
  border-radius:999px;
  background:linear-gradient(135deg,var(--grad-a),var(--grad-b));
  color:#fff;
  font-size:15px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  vertical-align:middle;
  margin:0 4px 6px;
  box-shadow:0 4px 12px rgba(26,115,232,.22);
  transition:transform .16s ease, box-shadow .18s ease, filter .18s ease;
}
.time_tool .btnchk:hover,
.time_tool .bnt input:hover,
.time_tool .box .bnt input:hover{
  color:#fff;
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 7px 18px rgba(26,115,232,.30);
}
.time_tool .btnchk:active{ transform:translateY(0); box-shadow:0 3px 8px rgba(26,115,232,.22); }

.time_tool .bnt{ margin:16px 0 6px; text-align:center; }

.time_tool .msg{
  display:inline-block;
  max-width:100%;
  padding:1px 14px;
  font-size:clamp(17px,2.4vw,22px);
  font-weight:700;
  color:var(--accent);
  border-radius:9px;
  overflow-wrap:break-word;
  word-break:break-word;
  background:linear-gradient(180deg,rgba(204,51,85,0),rgba(204,51,85,.07));
}
.time_tool .msg div,
.time_tool .msg p{ text-align:center; }

.fgx{
  margin:30px 0;
  height:1px;
  border:none;
  background:linear-gradient(90deg,transparent,var(--border-2),transparent);
}

.time_tool table{
  width:100%;
  margin:16px auto;
  border-collapse:separate;
  border-spacing:0;
  font-size:15px;
  line-height:1.9;
  text-align:center;
  border:1px solid var(--border);
  border-radius:12px;
  width:100%; max-width:100%;
  overflow:visible;
}
.time_tool table th{
  background:linear-gradient(180deg,var(--card-soft),var(--card));
  color:var(--title);
  font-weight:600;
  font-size:14px;
}
.time_tool table td,
.time_tool table th{
  padding:11px 12px;
  text-align:center;
  border-bottom:1px solid var(--border);
}
.time_tool table tbody tr:last-child td{ border-bottom:none; }
.time_tool table tbody tr:nth-child(even){ background:var(--card-soft); }
.time_tool table tbody tr:hover{ background:var(--primary-soft); }

.time_tool .box widget-calendar{
  display:block;
  margin:0 auto;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(16,24,40,.08);
}

.time_tool .box .stopwatch-box{ margin:6px 0 16px; }
.time_tool .box .stopwatch-box input{
  width:100%;
  max-width:300px;
  padding:14px 18px;
  font-size:clamp(28px,6vw,44px);
  font-weight:700;
  letter-spacing:2px;
  color:var(--title);
  text-align:center;
  background:var(--card-soft);
  border:1px solid var(--border-2);
  border-radius:14px;
  font-variant-numeric:tabular-nums;
}
.time_tool .stopwatch-btn{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  margin:0 0 14px;
}
.time_tool .stopwatch-btn button{ margin:0; }
.time_tool .tips{
  font-size:13px;
  color:var(--muted-2);
  line-height:1.8;
  margin:8px 0 0;
}
.time_tool .hide{ display:none; }

@media (max-width:640px){
  .time_tool .box{
    max-width:100%;
    padding:22px 14px 26px;
    margin-bottom:20px;
    line-height:2.2;
    border-radius:14px;
  }
  .time_tool .bt{ margin:0 0 16px; padding-bottom:12px; }
  .time_tool .box input,
  .time_tool .box input[type="text"],
  .time_tool .box select{
    min-width:58px;
    width:88px;
    padding:7px 8px;
    font-size:14px;
  }
  .time_tool .btnchk,
  .time_tool .bnt input,
  .time_tool .box .bnt input{
    height:38px;
    padding:0 20px;
    font-size:14px;
  }
  .time_tool .msg{ font-size:16px; }
  .time_tool table{ font-size:13px; }
  .time_tool table td,
  .time_tool table th{ padding:8px 5px; }
  .time_tool .table-scroll table{ font-size:12px; line-height:1.6; }
  .time_tool .table-scroll table td,
  .time_tool .table-scroll table th{ padding:5px 6px; white-space:nowrap; }
}

.time_tool .jqLine{
  margin:0 0 14px;
  line-height:2.2;
  color:var(--text);
}
.time_tool .jqOut{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed var(--border-2);
  text-align:center;
}
.time_tool .resLine{
  margin:0 0 16px;
  font-size:16px;
  line-height:2.4;
  color:var(--text);
}
.time_tool .resLine .msg{ margin:0 6px; }

.time_tool .jqTable{
  width:100%;
  margin:12px auto 0;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
  line-height:1.9;
  text-align:center;
  border:1px solid var(--border);
  border-radius:12px;
  width:100%; max-width:100%;
  overflow:visible;
}
.time_tool .jqTable th{
  padding:10px 12px;
  background:linear-gradient(180deg,var(--card-soft),var(--card));
  color:var(--title);
  font-weight:600;
  font-size:14px;
  border-bottom:1px solid var(--border);
}
.time_tool .jqTable td{
  padding:9px 10px;
  text-align:center;
  border-bottom:1px solid var(--border);
  color:var(--text);
}
.time_tool .jqTable tbody tr:last-child td{ border-bottom:none; }
.time_tool .jqTable tbody tr:nth-child(even){ background:var(--card-soft); }
.time_tool .jqTable tbody tr:hover{ background:var(--primary-soft); }

.time_tool .hlCard{
  max-width:520px;
  margin:0 auto 16px;
  padding:18px 20px;
  text-align:left;
  background:linear-gradient(180deg,var(--card-soft),var(--card));
  border:1px solid var(--border);
  border-radius:14px;
  line-height:2.1;
  font-size:15px;
}
.time_tool .hlCard p{ margin:0 0 6px; }
.time_tool .hlCard p:last-child{ margin-bottom:0; }
.time_tool .hlCard b{ color:var(--title); margin-right:6px; }

.time_tool .jqTable tr.hlGood td{ background:var(--primary-soft); }
.time_tool .jqTable tr.hlGood:hover td{ background:var(--primary-soft); }
.time_tool .hlYi{ color:#2e7d32; font-weight:600; }
.time_tool .hlJi{ color:var(--accent); font-weight:600; }

.time_tool .hlTip,
.time_tool .jqOut .tips{
  margin:12px 0 0;
  padding:10px 14px;
  font-size:13px;
  line-height:1.8;
  color:var(--muted-2);
  background:var(--card-soft);
  border:1px dashed var(--border-2);
  border-radius:10px;
  text-align:left;
}

.time_tool .jqRow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
}
.time_tool .jqLab{
  flex:0 0 auto;
  font-size:15px;
  font-weight:600;
  color:var(--title);
}
.time_tool .jqRow select,
.time_tool .jqRow input[type="date"],
.time_tool .jqRow input[type="time"]{
  height:38px;
  padding:0 10px;
  font-size:15px;
  color:var(--text);
  background:var(--card);
  border:1px solid var(--border-2);
  border-radius:9px;
  outline:none;
}
.time_tool .jqRow select:hover,
.time_tool .jqRow input[type="date"]:hover,
.time_tool .jqRow input[type="time"]:hover{ border-color:var(--primary); }
.time_tool .jqRow select:focus,
.time_tool .jqRow input[type="date"]:focus,
.time_tool .jqRow input[type="time"]:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--primary-soft);
}
.time_tool .jqTip{
  font-size:13px;
  color:var(--muted-2);
}
.time_tool .dbCity{
  font-weight:600;
  color:var(--title);
  white-space:nowrap;
}
.time_tool .dbDst{
  display:inline-block;
  margin-left:6px;
  padding:1px 6px;
  font-size:11px;
  font-weight:400;
  color:var(--accent);
  background:var(--primary-soft);
  border-radius:6px;
  vertical-align:middle;
}
.time_tool .dbTime{
  font-family:"SF Mono",Menlo,Consolas,monospace;
  font-size:17px;
  font-weight:700;
  color:var(--primary);
  letter-spacing:.5px;
}
.time_tool .dbTag{
  display:inline-block;
  padding:2px 9px;
  font-size:12px;
  line-height:1.6;
  border-radius:999px;
  white-space:nowrap;
}
.time_tool .dbday{ color:#0a6b3d; background:rgba(76,175,80,.14); }
.time_tool .dbdawn{ color:#8d6e00; background:rgba(255,193,7,.16); }
.time_tool .dbdusk{ color:#8a4b00; background:rgba(255,152,0,.16); }
.time_tool .dbnight{ color:#3f4a63; background:rgba(96,125,139,.16); }
.time_tool .dbwork{ color:#0a6b3d; background:rgba(76,175,80,.14); }
.time_tool .dbwarn{ color:#8a4b00; background:rgba(255,152,0,.16); }
.time_tool .dbrest{ color:var(--muted-2); background:var(--card-soft); }
.time_tool .dbEmpty{
  padding:26px 0;
  font-size:14px;
  color:var(--muted-2);
  text-align:center;
}
.time_tool a.dbDel{
  font-size:13px;
  color:var(--muted-2);
  text-decoration:none;
}
.time_tool a.dbDel:hover{ color:var(--accent); }

@media (max-width:640px){
  .time_tool .jqTable{ font-size:13px; }
  .time_tool .jqTable th,
  .time_tool .jqTable td{ padding:7px 5px; }
  .time_tool .hlCard{ padding:14px 15px; font-size:14px; }
  .time_tool .resLine{ font-size:15px; }
  .time_tool .jqRow{ gap:8px; }
  .time_tool .jqLab{ flex:0 0 100%; }
  .time_tool .jqRow select,
  .time_tool .jqRow input[type="date"],
  .time_tool .jqRow input[type="time"]{ height:36px; font-size:14px; }
  .time_tool .dbTime{ font-size:15px; }
  .time_tool .dbDst{ display:none; }
}

@media (max-width:640px){
  .time_tool .box{
    max-width:100%;
    padding:18px 12px 22px;
    border-radius:14px;
    line-height:2;
  }
  .time_tool .bt{ margin:0 0 14px; padding-bottom:10px; font-size:16px; }
  .time_tool .box input,
  .time_tool .box input[type="text"],
  .time_tool .box select{
    min-width:56px;
    width:88px;
    padding:7px 8px;
    font-size:14px;
  }
  .time_tool .box input[type="text"]{ width:auto; }
  .time_tool .btnchk,
  .time_tool .bnt input,
  .time_tool .box .bnt input{
    height:38px;
    padding:0 18px;
    font-size:14px;
    margin-top:4px;
  }
  .time_tool .jqLine{ margin:0 0 12px; line-height:1.9; }
  .time_tool .resLine{ font-size:15px; margin:0 0 12px; }
  .time_tool .msg{ font-size:17px; word-break:break-all; }
  .time_tool table{ font-size:13px; }
  .time_tool table td,
  .time_tool table th{ padding:7px 4px; }
  .time_tool .jqTable,
  .time_tool table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .time_tool .jqTable td,
  .time_tool .jqTable th{ white-space:nowrap; }
  .time_tool .jqOut{ padding-top:12px; }
  .time_tool .box br{ display:none; }
  .time_tool .box > *{ max-width:100%; }
}

.time_tool table,
.time_tool .jqTable{
  width:100%;
  max-width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.time_tool table td,
.time_tool table th,
.time_tool .jqTable td,
.time_tool .jqTable th{
  white-space:normal;
  overflow-wrap:break-word;
  word-break:break-word;
  vertical-align:middle;
}

.time_tool{ width:100%; }
.time_tool .box{
  max-width:100%;

  overflow-x:auto;
  overflow-y:visible;
}

.time_tool .box > p,
.time_tool .box > .bnt,
.time_tool .box > .jqRow{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.time_tool .jqOut,
.time_tool .box [id$="Box"],
.time_tool .box [id$="Out"],
.time_tool .box #result,
.time_tool .box [id^="Calendar"],
.time_tool .box #sx,
.time_tool .box #nl{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}
.time_tool .jqOut::-webkit-scrollbar,
.time_tool .box [id$="Out"]::-webkit-scrollbar{ height:8px; }
.time_tool .jqOut::-webkit-scrollbar-track,
.time_tool .box [id$="Out"]::-webkit-scrollbar-track{ background:var(--card-soft); border-radius:999px; }
.time_tool .jqOut::-webkit-scrollbar-thumb,
.time_tool .box [id$="Out"]::-webkit-scrollbar-thumb{ background:var(--border-2); border-radius:999px; }

.time_tool .jqTable{
  width:100%;
  min-width:100%;
  table-layout:auto;
  overflow:visible;
}
.time_tool .jqTable th,
.time_tool .jqTable td{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  word-break:normal;
}

.time_tool table{ width:100%; table-layout:auto; }
.time_tool table th,
.time_tool table td{ white-space:nowrap; }

.time_tool .hlCard{ max-width:100%; }
.time_tool .hlTip,
.time_tool .jqOut .tips{ max-width:100%; }

@media (max-width:640px){
  .time_tool .box > p,
  .time_tool .box > .bnt,
  .time_tool .box > .jqRow{ max-width:100%; }
  .time_tool .jqOut::-webkit-scrollbar,
  .time_tool .box [id$="Out"]::-webkit-scrollbar{ height:6px; }
}

.time_tool .box input[type="button"],
.time_tool .box input[type="submit"],
.time_tool .box input[type="reset"],
.time_tool .box input.btnchk,
.time_tool .box .btnchk,
.time_tool .box .bnt input,
.time_tool .bnt input,
.time_tool input.btnchk{
  width:auto !important;
  min-width:0 !important;
  max-width:100%;
  padding:0 clamp(16px,2.4vw,28px);
  margin:0 6px 6px;
  height:42px;
  line-height:normal;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}

.time_tool .box input,
.time_tool .box input[type="text"],
.time_tool .box input[type="number"],
.time_tool .box select{
  width:auto;
  min-width:clamp(96px,12vw,132px);
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
}
.time_tool .box input[type="text"]{ min-width:clamp(124px,16vw,184px); }
.time_tool .box select{ min-width:clamp(78px,10vw,104px); }

.time_box .hot a,
.time_box .tool a,
.time_scbox a{
  flex:0 1 auto;
  width:auto;
  min-width:88px;
  max-width:100%;
  height:auto;
  padding:9px clamp(10px,1.6vw,16px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  line-height:1.5;
}

.worldtime-grid .csmc{
  height:auto !important;
  min-height:21px;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word;
  line-height:1.35;
}
.worldtime-grid a{ align-items:center; }

.time_info .ss a{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;
  line-height:1.7;
}

.time_info .nr p,
.time_info .nr .sglx p,
.time_faq .nr p{ text-indent:0; }

.time_info .sglx p{ text-align:center; line-height:2.15; }
.bgspan{ margin:2px 3px; padding:3px 9px; line-height:1.7; }

@media (max-width:640px){
  .time_tool .box input[type="button"],
  .time_tool .box input.btnchk,
  .time_tool .box .btnchk,
  .time_tool .box .bnt input,
  .time_tool .bnt input{
    width:auto !important;
    min-width:0 !important;
    height:38px;
    line-height:normal;
    padding:0 14px;
    font-size:13px;
    white-space:nowrap;
  }
  .time_tool .box input,
  .time_tool .box input[type="text"],
  .time_tool .box select{
    width:auto;
    min-width:76px;
    font-size:14px;
  }
  .time_box .hot a,
  .time_box .tool a,
  .time_scbox a{
    min-width:0;
    max-width:100%;
    padding:8px 10px;
    white-space:nowrap;
  }
  .worldtime-grid .csmc{ font-size:12px; }
  .time_info .nr p,
  .time_info .nr .sglx p,
  .time_faq .nr p{ text-indent:0; }
}

.time_tool .table-scroll,
.time_max .table-scroll,
.time_info .table-scroll{
  display:block;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--border-2,#d0d5dd) var(--card-soft,#f4f5f7);
  border-radius:12px;
}

.time_tool .table-scroll table,
.time_max .table-scroll table,
.time_info .table-scroll table,
.time_tool .table-scroll .jqTable,
.time_max .table-scroll .jqTable,
.time_info .table-scroll .jqTable{
  width:auto !important;
  min-width:100% !important;
  max-width:none !important;
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
  margin:0;
}

.time_tool .table-scroll th,
.time_tool .table-scroll td,
.time_max .table-scroll th,
.time_max .table-scroll td,
.time_info .table-scroll th,
.time_info .table-scroll td{
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  text-overflow:clip;
  vertical-align:middle;
}

.time_tool .box{
  overflow-x:auto;
  overflow-y:visible;
}
.time_tool .jqOut,
.time_tool .box [id$="Box"],
.time_tool .box [id$="Out"],
.time_tool .box [id$="Out"] > div,
.time_tool .box #result,
.time_tool .box #sx,
.time_tool .box #nl{
  overflow-x:auto;
  overflow-x:clip;
  max-width:100%;
}

.time_tool table,
.time_tool .jqTable,
.time_max table,
.time_info table{
  max-width:100%;
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
}
.time_tool table th,
.time_tool table td,
.time_tool .jqTable th,
.time_tool .jqTable td{
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  text-overflow:clip;
  vertical-align:middle;
}

.time_tool .table-scroll::-webkit-scrollbar,
.time_max .table-scroll::-webkit-scrollbar,
.time_info .table-scroll::-webkit-scrollbar{ height:8px; }
.time_tool .table-scroll::-webkit-scrollbar-track,
.time_max .table-scroll::-webkit-scrollbar-track,
.time_info .table-scroll::-webkit-scrollbar-track{
  background:var(--card-soft,#f4f5f7); border-radius:999px;
}
.time_tool .table-scroll::-webkit-scrollbar-thumb,
.time_max .table-scroll::-webkit-scrollbar-thumb,
.time_info .table-scroll::-webkit-scrollbar-thumb{
  background:var(--border-2,#d0d5dd); border-radius:999px;
}
.time_tool .table-scroll::-webkit-scrollbar-thumb:hover,
.time_max .table-scroll::-webkit-scrollbar-thumb:hover,
.time_info .table-scroll::-webkit-scrollbar-thumb:hover{
  background:var(--primary,#3b6cf6);
}

.table-tip{
  font-size:13px;
  color:var(--muted-2,#888);
  text-align:center;
  margin:6px 0 10px;
  line-height:1.6;
}
.only-mobile{ display:none; }

.time_tool .tips,
.time_tool .hlTip,
.time_tool .jqOut .tips,
.time_tool .jqOut p{
  white-space:normal;
  overflow-wrap:break-word;
  word-break:break-word;
}

@media (max-width:768px){
  .only-mobile{ display:inline; }
  .table-tip{ font-size:12px; padding:0 8px; }
  .time_tool .table-scroll table,
  .time_max .table-scroll table,
  .time_info .table-scroll table{
    font-size:12px; line-height:1.6;
  }
  .time_tool .table-scroll th,
  .time_tool .table-scroll td,
  .time_max .table-scroll th,
  .time_max .table-scroll td,
  .time_info .table-scroll th,
  .time_info .table-scroll td{
    padding:5px 6px;
  }
}

.time_tool .box [id$="Box"],
.time_tool .box [id$="Out"],
.time_tool .box #result,
.time_tool .box [id^="Calendar"],
.time_tool .box [id^="rq_return"],
.time_tool .box [id^="jg"],
.time_tool .box [id^="age"],
.time_tool .box #sx,
.time_tool .box #nl,
.time_tool .box #xz,
.time_tool .box #gl,
.time_tool .box [id^="zs"],
.time_tool .box #uts_date,
.time_tool .box #uts_timestamp{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:visible !important;
  box-sizing:border-box;
}

.time_tool .box{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-x:clip !important;
  overflow-y:visible !important;
}

.time_tool .jqOut,
.time_tool .box .jqOut,
.time_max .table-scroll,
.time_tool .table-scroll,
.time_info .table-scroll{
  display:block;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain !important;
  overscroll-behavior-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--border-2,#d0d5dd) var(--card-soft,#f4f5f7);
  box-sizing:border-box;
}

.time_tool .jqOut::-webkit-scrollbar,
.time_max .table-scroll::-webkit-scrollbar{ height:8px; }
.time_tool .jqOut::-webkit-scrollbar-track,
.time_max .table-scroll::-webkit-scrollbar-track{ background:var(--card-soft,#f4f5f7); border-radius:999px; }
.time_tool .jqOut::-webkit-scrollbar-thumb,
.time_max .table-scroll::-webkit-scrollbar-thumb{ background:var(--border-2,#d0d5dd); border-radius:999px; }
.time_tool .jqOut:hover::-webkit-scrollbar-thumb,
.time_max .table-scroll:hover::-webkit-scrollbar-thumb{ background:var(--primary,#2563eb); }

.time_tool .jqOut table,
.time_tool .jqOut .jqTable,
.time_max .table-scroll table,
.time_max .table-scroll .jqTable,
.time_tool .table-scroll table,
.time_tool .table-scroll .jqTable,
.time_info .table-scroll table{
  display:table !important;
  width:auto !important;
  min-width:100% !important;
  max-width:none !important;
  table-layout:auto !important;
  border-collapse:separate;
  border-spacing:0;
  margin:12px 0 0 !important;
}

.time_tool .jqOut th,
.time_tool .jqOut td,
.time_max .table-scroll th,
.time_max .table-scroll td,
.time_tool .table-scroll th,
.time_tool .table-scroll td,
.time_info .table-scroll th,
.time_info .table-scroll td{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.time_tool .box table,
.time_tool .box .jqTable{
  display:table !important;
  width:auto !important;
  min-width:100% !important;
  max-width:none !important;
  table-layout:auto !important;
}
.time_tool .box table th,
.time_tool .box table td,
.time_tool .box .jqTable th,
.time_tool .box .jqTable td{
  white-space:nowrap !important;
  text-overflow:clip !important;
}

.table-tip{
  display:none;
  margin:8px 0 0 !important;
  padding:0 4px;
  font-size:13px;
  line-height:1.6;
  color:var(--muted-2,#8a94a6);
  text-align:center;
}
.table-tip.is-on{ display:block; }

.time_tool .box .resLine,
.time_tool .box .jqLine,
.time_tool .box .hlCard,
.time_tool .hlCard{
  width:auto;
  max-width:100% !important;
}

.time_tool .box #split-result,
.time_tool .box #stopwatch-display{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
}
.time_tool .box #split-result p{
  display:flex;
  justify-content:space-between;
  width:100%;
  max-width:100%;
  margin:0 0 6px;
  padding:8px 12px;
  background:var(--card-soft,#f4f5f7);
  border-radius:8px;
  text-align:left;
}

.time_tool .box span.msg,
.time_tool .box .msg span{
  display:inline-block;
  max-width:100%;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:break-word;
  vertical-align:middle;
  line-height:1.45;
}

@media (max-width:640px){
  .time_tool table,
  .time_tool .jqTable{
    display:table !important;
    width:auto !important;
    min-width:100% !important;
    table-layout:auto !important;
  }
  .time_tool table th,
  .time_tool table td,
  .time_tool .jqTable th,
  .time_tool .jqTable td{
    white-space:nowrap !important;
    text-overflow:clip !important;
  }
  .time_tool .jqOut,
  .time_max .table-scroll{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain !important;
  }
}

.tklm_wx_box{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:100%;
  max-width:100%;
  min-height:0;
  padding:2px 0 8px;
  background:transparent;
  border:none;
  border-radius:0;
  margin:0;
  box-sizing:border-box;
  overflow:hidden;
  color:var(--text);
  text-align:center;
}

.tklm_wx_row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:2px 13px;
  font-size:1em;
  line-height:2;
  font-weight:600;
  color:var(--text);
}

.tklm_wx_sp{
  display:inline-block;
  width:1px; height:.82em;
  background:var(--border-2);
  vertical-align:middle;
  flex:0 0 auto;
}

.tklm_wx_city{
  font-size:1em; font-weight:700; color:var(--text);
  white-space:nowrap;
}

.tklm_wx_temp{
  font-size:1.15em; line-height:1; font-weight:700; color:var(--text);
  font-family:"SF Mono","Cascadia Mono",Consolas,Menlo,monospace;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  white-space:nowrap;
}
.tklm_wx_temp i{ font-style:normal; font-size:.78em; vertical-align:super; }

.tklm_wx_icon{ font-size:1.15em; line-height:1; }
.tklm_wx_text{ font-size:1em; font-weight:600; color:var(--text); }

.tklm_wx_fci{
  display:inline-flex; align-items:center; gap:4px;
  white-space:nowrap;
}

.tklm_wx_fcl{ color:var(--text); font-size:1em; font-weight:600; }
.tklm_wx_fci .tklm_wx_icon{ font-size:1em; }
.tklm_wx_fct{
  color:var(--text); font-weight:600; font-size:1em;
  font-variant-numeric:lining-nums tabular-nums;
}

.tklm_wx_svg{
  width:1em; height:1em;
  display:inline-block;
  vertical-align:-0.125em;
  flex:none;
}

.tklm_wx_mini i{ display:inline-flex; align-items:center; }
.tklm_wx_mini i .tklm_wx_svg{ width:1.15em; height:1.15em; }

.tklm_wx_city{
  display:inline-flex; align-items:center; gap:.3em;
}
.tklm_wx_city .tklm_wx_svg{
  width:1.05em; height:1.05em;
}
.tklm_wx_city{ font-weight:600; }

.tklm_wx_mini{
  display:none; align-items:center; gap:.25em;
  font-size:.8em; color:var(--muted); white-space:nowrap;
}
.tklm_wx_mini_ok{ display:inline-flex; }
.tklm_wx_mini i{ font-style:normal; font-size:1.15em; line-height:1; }

@media (max-width:640px){
  .tklm_wx_box{
    padding:2px 0 6px;
    min-height:0;
  }

  .tklm_wx_row{ gap:.32em .6em; font-size:.9em; }
  .tklm_wx_sp{ display:none; }
  .tklm_wx_city{ font-size:1em; }
  .tklm_wx_temp{ font-size:1.2em; }
  .tklm_wx_temp i{ font-size:.78em; }
  .tklm_wx_icon{ font-size:1.1em; }
  .tklm_wx_text{ font-size:1em; }
  .tklm_wx_fct{ font-size:1em; }
}

.tklm-lt{
  width:100%;

  max-width:1400px;
  margin:0 auto;
  padding:16px clamp(12px,3vw,48px) 40px;
  box-sizing:border-box;
}
@media (min-width:640px){
  .tklm-lt{ padding:22px clamp(16px,3.2vw,48px) 48px; }
}
@media (min-width:1024px){
  .tklm-lt{ padding:28px clamp(20px,3.5vw,56px) 56px; }
}

@media (min-width:1600px){
  .tklm-lt{ max-width:1560px; }
}

@media (min-width:1100px){
  .tklm-lt .time_info .nr{ padding:16px 20px; }
  .tklm-lt table,
  .tklm-lt .time_info table,
  .tklm-lt table.tableBorder{ font-size:15px; }
  .tklm-lt table td,
  .tklm-lt table th,
  .tklm-lt .time_info table td,
  .tklm-lt table.tableBorder td{ padding:11px 16px; }
}

.tklm-lt > * { margin-top:0; }
.tklm-lt .time_max{ padding-left:0; padding-right:0; }

.tklm-lt .breadcrumb,
.tklm-lt nav.breadcrumb{
  margin:0 0 14px;
  font-size:13px;
  color:var(--muted,#6b7688);
}
.tklm-lt .breadcrumb ol{
  list-style:none;
  margin:0; padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.tklm-lt .breadcrumb li{ display:inline-flex; align-items:center; }

.tklm-lt .breadcrumb li::after{
  content:"";
  margin-left:0;
}
.tklm-lt .breadcrumb li + li::before{
  content:"/";
  margin-right:6px;
  color:var(--muted-3,#95a0b2);
}
.tklm-lt .breadcrumb a{
  color:var(--muted,#6b7688);
  text-decoration:none;
}
.tklm-lt .breadcrumb a:hover{ color:var(--primary,#1a73e8); }
.tklm-lt .breadcrumb li:last-child{
  color:var(--text,#2c3440);
  font-weight:600;
}

.tklm-lt .time_now{ margin:0 0 14px; }
.tklm-lt .time_now h1{
  font-size:clamp(22px,5vw,40px);
  line-height:1.35;
  margin:0;
  color:var(--muted-2,#7b8798);
  font-weight:800;
  letter-spacing:1px;

  word-break:break-word;
}
@media (min-width:640px){
  .tklm-lt .time_now h1{ font-size:clamp(26px,4vw,44px); }
}
@media (min-width:1024px){
  .tklm-lt .time_now h1{ font-size:clamp(30px,3.5vw,48px); }
}

.tklm-lt-h1{
  font-size:clamp(22px,5vw,40px);
  line-height:1.35;
  margin:0 0 8px;
  font-weight:800;
  letter-spacing:1px;
  color:var(--muted-2,#7b8798);
  word-break:break-word;
}
@media (min-width:640px){ .tklm-lt-h1{ font-size:clamp(26px,4vw,44px); } }
@media (min-width:1024px){ .tklm-lt-h1{ font-size:clamp(30px,3.5vw,48px); } }

.tklm-lt-sub{
  margin:0 0 16px;
  font-size:14px;
  color:var(--muted,#6b7688);
}
.tklm-lt-sub b{ color:var(--primary,#1a73e8); }

.tklm-lt .time_get{
  margin:0 0 16px;
  padding:14px 16px;
  background:linear-gradient(135deg,
             var(--primary,#1a73e8),
             var(--grad-b,#00bcd4));
  border-radius:12px;
  color:#fff;
  box-shadow:var(--shadow-hover,0 6px 18px rgba(16,24,40,.10));
}

.tklm-lt .time_get p.bzsj{
  margin:0;
  font-size:16px;
  font-weight:700;
  color:#fff;
  opacity:1;
  font-family:inherit;
}
.tklm-lt .time_get #realtime_local,
.tklm-lt .time_get .bzsj span{
  display:inline-block;
  margin-left:6px;
  font-size:clamp(30px,7vw,52px);
  font-weight:800;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:1px;
  font-variant-numeric:tabular-nums;
  vertical-align:middle;
  line-height:1.1;

  text-shadow:0 1px 3px rgba(0,0,0,.18);
}
@media (min-width:640px){
  .tklm-lt .time_get #realtime_local{ font-size:clamp(36px,5vw,64px); }
}

.tklm-lt .time_list{ margin:0 0 16px; }
.tklm-lt .sqbt{
  background:var(--card,#fff);
  border:1px solid var(--border,#e6eaf0);
  border-radius:12px;
  padding:13px 16px;
  box-shadow:var(--shadow,0 1px 3px rgba(16,24,40,.04));
}
.tklm-lt .sqbt p{
  margin:0 0 6px;
  font-size:14px;
  color:var(--text,#2c3440);
}
.tklm-lt .sqbt p:last-child{ margin-bottom:0; }
.tklm-lt .sqbt span{ margin-right:8px; }
.tklm-lt .sqbt b{ color:var(--primary,#1a73e8); }

.tklm-lt .time_list ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  padding:12px 0 0;
  list-style:none;
  margin:0;
}
.tklm-lt .time_list li{
  background:var(--card-soft,#f4f7fc);
  border:1px solid var(--border,#e6eaf0);
  border-radius:999px;
  padding:5px 12px;
  transition:all .2s ease;
}
.tklm-lt .time_list li:hover{
  background:var(--primary,#1a73e8);
  border-color:var(--primary,#1a73e8);
}
.tklm-lt .time_list li:hover a{ color:#fff; }
.tklm-lt .time_list li a{ display:block; color:var(--text,#2c3440); }
.tklm-lt .time_list .csmc{ font-weight:700; }
.tklm-lt .time_list .cssj{
  font-size:17px;
  font-family:Georgia,"Times New Roman",serif;
}

.tklm-lt .time_info,
.tklm-lt .time_box,
.tklm-lt .time_scbox,
.tklm-lt .time_zodiac,
.tklm-lt .time_area,
.tklm-lt .time_tool{
  background:var(--card,#fff);
  border:1px solid var(--border,#e6eaf0);
  border-radius:12px;
  margin:0 0 16px;
  overflow:hidden;
  box-shadow:var(--shadow,0 1px 3px rgba(16,24,40,.04));
}
.tklm-lt .time_info .bt{
  padding:12px 16px;
  background:var(--card-soft,#f4f7fc);
  border-bottom:1px solid var(--border,#e6eaf0);
}
.tklm-lt .time_info .bt strong{
  font-size:15px;
  color:var(--title,#1b2430);
  font-weight:700;
}
.tklm-lt .time_info .nr{ padding:14px 16px; }
.tklm-lt .time_info p{
  margin:0 0 .8em;
  font-size:14.5px;
  line-height:1.85;
  color:var(--text,#2c3440);
}
.tklm-lt .time_info p:last-child{ margin-bottom:0; }

.tklm-lt table,
.tklm-lt .time_info table,
.tklm-lt table.tableBorder{
  width:100%;
  border-collapse:collapse;
  font-size:14px;

  display:block;
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
}
.tklm-lt table thead,
.tklm-lt .time_info table thead,
.tklm-lt table.tableBorder thead{
  display:table;
  width:100%;
  table-layout:fixed;
}
.tklm-lt table tbody,
.tklm-lt .time_info table tbody,
.tklm-lt table.tableBorder tbody{
  display:table;
  width:100%;
}
.tklm-lt table tr,
.tklm-lt .time_info table tr,
.tklm-lt table.tableBorder tr{
  border-bottom:1px solid var(--border,#e6eaf0);
}
.tklm-lt table tr:last-child,
.tklm-lt .time_info table tr:last-child,
.tklm-lt table.tableBorder tr:last-child{ border-bottom:0; }
.tklm-lt table td,
.tklm-lt table th,
.tklm-lt .time_info table td,
.tklm-lt table.tableBorder td{
  padding:9px 12px;
  border:0;
  color:var(--text,#2c3440);
  vertical-align:middle;
}
.tklm-lt table tr:nth-child(even) td,
.tklm-lt table tr:nth-child(even) th,
.tklm-lt .time_info table tr:nth-child(even) td,
.tklm-lt table.tableBorder tr:nth-child(even) td{
  background:var(--card-soft,#f4f7fc);
}
.tklm-lt table td:first-child,
.tklm-lt table th:first-child,
.tklm-lt .time_info table td:first-child,
.tklm-lt table.tableBorder td:first-child{
  color:var(--muted,#6b7688);
  white-space:normal;
}
.tklm-lt .time_info table td:first-child,
.tklm-lt .time_info table th:first-child,
.tklm-lt table.tableBorder td:first-child,
.tklm-lt table.tableBorder th:first-child{
  text-align:left;
}
.tklm-lt .time_info table td:last-child:not(:first-child),
.tklm-lt .time_info table th:last-child:not(:first-child),
.tklm-lt table.tableBorder td:last-child:not(:first-child),
.tklm-lt table.tableBorder th:last-child:not(:first-child){
  text-align:right;
}
.tklm-lt .time_info table td:not(:first-child):not(:last-child),
.tklm-lt .time_info table th:not(:first-child):not(:last-child),
.tklm-lt table.tableBorder td:not(:first-child):not(:last-child),
.tklm-lt table.tableBorder th:not(:first-child):not(:last-child){
  text-align:center;
}
.tklm-lt table td b,
.tklm-lt table th b,
.tklm-lt .time_info table td b,
.tklm-lt table.tableBorder td b{
  color:var(--title,#1b2430);
  font-size:15px;
}

@media (min-width:768px){
  .tklm-lt table,
  .tklm-lt .time_info table,
  .tklm-lt table.tableBorder{
    display:table;
    overflow-x:visible;
    white-space:normal;
  }
}

.tklm-lt table th{
  background:var(--card-soft,#f4f7fc);
  font-weight:700;
  color:var(--title,#1b2430);
  white-space:nowrap;
}

.tklm-lt .time_area,
.tklm-lt .tklm-nav{
  padding:14px 16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.tklm-lt a.tklm-navbtn,
.tklm-lt .time_area a{
  display:inline-block;
  padding:8px 16px;
  background:var(--primary-soft,#eef3fb);
  color:var(--primary,#1a73e8);
  border:1px solid var(--border,#e6eaf0);
  border-radius:8px;
  font-size:14px;
  text-decoration:none;
  transition:all .2s ease;
}
.tklm-lt a.tklm-navbtn:hover,
.tklm-lt .time_area a:hover{
  background:var(--primary,#1a73e8);
  border-color:var(--primary,#1a73e8);
  color:#fff;
}

.tklm-lt-h2{
  font-size:16px;
  line-height:1.4;
  margin:20px 0 10px;
  font-weight:700;
  color:var(--title,#1b2430);
  word-break:break-word;
}
@media (min-width:640px){ .tklm-lt-h2{ font-size:18px; margin:24px 0 12px; } }

.tklm-lt-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  line-height:1.6;
  margin:0 0 16px;
}
.tklm-lt-tags a{
  display:inline-block;
  padding:6px 13px;
  font-size:14px;
  color:var(--text,#2c3440);
  background:var(--card,#fff);
  border:1px solid var(--border,#e6eaf0);
  border-radius:999px;
  text-decoration:none;
  transition:all .2s ease;
}
.tklm-lt-tags a:hover{
  color:#fff;
  background:var(--primary,#1a73e8);
  border-color:var(--primary,#1a73e8);
}

.tklm-lt-note{
  background:var(--card-soft,#f4f7fc);
  border:1px solid var(--border,#e6eaf0);
  border-radius:12px;
  padding:14px 16px;
  margin:0 0 16px;
  font-size:14.5px;
  line-height:1.85;
  color:var(--text,#2c3440);
}

.tklm-lt-back{
  margin:20px 0 0;
  text-align:center;
}
.tklm-lt-back a{
  display:inline-block;
  padding:9px 22px;
  font-size:14px;
  background:var(--primary-soft,#eef3fb);
  color:var(--primary,#1a73e8);
  border:1px solid var(--border,#e6eaf0);
  border-radius:8px;
  transition:all .2s ease;
}
.tklm-lt-back a:hover{
  color:#fff;
  background:var(--primary,#1a73e8);
  border-color:var(--primary,#1a73e8);
}

.tklm-lt td span[style*="color:#888"],
.tklm-lt td span[style*="color: #888"]{
  font-weight:400;
  color:var(--muted-3,#95a0b2) !important;
  font-size:.92em;
}

.tklm-lt .tklm-weather,
.tklm-lt .time_weather{
  background:var(--card,#fff);
  border:1px solid var(--border,#e6eaf0);
  border-radius:12px;
  margin:0 0 16px;
  overflow:hidden;
  box-shadow:var(--shadow,0 1px 3px rgba(16,24,40,.04));
}

.tklm-fb-nav{
  background:var(--card,#fff);
  border-bottom:1px solid var(--border,#e6eaf0);
  box-shadow:var(--shadow,0 1px 3px rgba(16,24,40,.04));
}
.tklm-fb-nav .inner{
  max-width:1400px;
  margin:0 auto;
  padding:12px 14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
}
.tklm-fb-nav .brand{
  font-weight:700;
  font-size:17px;
  color:var(--title,#1b2430);
  margin-right:4px;
}
.tklm-fb-nav a{
  color:var(--muted,#6b7688);
  text-decoration:none;
  font-size:14px;
  padding:4px 8px;
  border-radius:6px;
  transition:all .2s ease;
}
.tklm-fb-nav a:hover{
  color:var(--primary,#1a73e8);
  background:var(--primary-soft,#eef3fb);
}

.tklm-fb-main{
  max-width:none;
  margin:0;
  padding:0;
}

.tklm-lt .tklm-lt{ padding-left:0; padding-right:0; }

.tklm-fb-so{
  display:flex;
  gap:6px;
  margin-left:auto;
  flex:1 1 180px;
  max-width:280px;
}
.tklm-fb-so input{
  flex:1 1 auto;
  min-width:0;
  padding:7px 10px;
  font-size:14px;
  font-family:inherit;
  color:var(--text,#2c3440);
  background:var(--bg,#f5f7fa);
  border:1px solid var(--border-2,#d8e0ea);
  border-radius:8px;
  outline:none;
}
.tklm-fb-so input:focus{
  border-color:var(--primary,#1a73e8);
  background:var(--card,#fff);
}
.tklm-fb-so button{
  flex:0 0 auto;
  padding:7px 14px;
  font-size:14px;
  font-family:inherit;
  color:#fff;
  background:var(--primary,#1a73e8);
  border:1px solid var(--primary,#1a73e8);
  border-radius:8px;
  cursor:pointer;
  transition:background .2s ease;
}
.tklm-fb-so button:hover{ background:var(--primary-dark,#1557b0); }

@media (max-width:560px){
  .tklm-fb-so{ flex:1 1 100%; margin-left:0; max-width:100%; }
}
.tklm-fb-foot{
  max-width:1400px;
  margin:0 auto;
  padding:18px clamp(12px,3vw,48px) 32px;
  border-top:1px solid var(--border,#e6eaf0);
  font-size:13px;
  color:var(--muted,#6b7688);
  text-align:center;
}
.tklm-fb-foot a{ color:var(--primary,#1a73e8); }

.tklm-fb-f1{ margin:0 0 6px; font-size:14px; }
.tklm-fb-f2{ font-size:12.5px; color:var(--muted,#6b7688); }
.tklm-fb-f2 strong{ color:var(--text,#2c3440); font-weight:700; }

@media (prefers-color-scheme:dark){
  .tklm-lt .time_info,
  .tklm-lt .time_box,
  .tklm-lt .time_scbox,
  .tklm-lt .time_zodiac,
  .tklm-lt .time_area,
  .tklm-lt .time_tool,
  .tklm-lt .sqbt,
  .tklm-lt .tklm-weather,
  .tklm-lt .time_weather,
  .tklm-fb-nav{
    background:#1b2430;
    border-color:#2c3440;
  }
  .tklm-lt .time_info .bt{ background:#222d3d; border-color:#2c3440; }
  .tklm-lt .time_info p,
  .tklm-lt .time_now h1{ color:#e6eaf0; }
  .tklm-lt .time_info table tr:nth-child(even) td,
  .tklm-lt table.tableBorder tr:nth-child(even) td{ background:#222d3d; }
  .tklm-lt .time_list li{
    background:#222d3d;
    border-color:#2c3440;
  }
  .tklm-lt .time_list li a{ color:#e6eaf0; }
  .tklm-lt table th{ background:#222d3d; color:#e6eaf0; }
  .tklm-lt-tags a{ background:#222d3d; border-color:#2c3440; color:#e6eaf0; }
  .tklm-lt-note{ background:#222d3d; border-color:#2c3440; color:#e6eaf0; }
  .tklm-lt-h1, .tklm-lt-h2{ color:#e6eaf0; }
  .tklm-fb-nav .brand{ color:#e6eaf0; }
  .tklm-fb-f2{ color:#95a0b2; }
  .tklm-fb-f2 strong{ color:#e6eaf0; }
}

@media print{
  .tklm-lt{ max-width:100%; padding:0; }
  .tklm-lt .time_get{ background:#fff; color:#000; box-shadow:none; }

  .tklm-lt .time_get p.bzsj,
  .tklm-lt .time_get #realtime_local,
  .tklm-lt .time_get .bzsj span{ color:#000; text-shadow:none; }
  .tklm-lt .time_info,
  .tklm-lt .sqbt{ box-shadow:none; border-color:#ccc; }
  .tklm-fb-nav, .tklm-fb-foot{ display:none; }
}

.time_tool .box widget-calendar{
  width:100% !important;
  max-width:600px !important;
  min-width:0 !important;
}
@media (max-width:768px){
  .time_tool .box widget-calendar{ max-width:100% !important; }
}

.tklm_wx_row > span{
  white-space:nowrap;
}

#localdate + #localnl{
  margin-left:6px;
  white-space:nowrap;
}

.bzsj-ms{
  display:inline;
  margin-left:0;
  font-size:clamp(15px,2.1vw,30px);
  font-family:inherit;
  font-weight:inherit;
  color:inherit;
  text-shadow:inherit;
  letter-spacing:0;
  vertical-align:baseline;
  word-break:normal;
  white-space:nowrap;
  opacity:.92;
  font-style:normal;
}
.bzsj-ms .ms-num{
  display:inline;
  font-style:normal;
  font-family:inherit;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  -webkit-font-feature-settings:"tnum" 1;
}
.bzsj-ms .ms-unit{
  display:inline;
  font-style:normal;
  font-family:inherit;
  font-size:.5em;
  margin-left:0;
  vertical-align:baseline;
  opacity:.85;
}
.devcalib{
  margin-right:6px;
}
.devcalib span{
  margin-right:0;
}
.devcalib .dev-city{
  margin-right:0;
}
.devcalib span,
.devcalib b{
  margin-right:0!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
.sqbt p>span>span,
.sqbt p>span>span>span{
  margin-right:0!important;
}
.devcalib .dev-now,
.devcalib .dev-diff{
  font-weight:600;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  -webkit-font-feature-settings:"tnum" 1;
  display:inline;
  white-space:nowrap;
  font-style:normal;
}

@media only screen and (max-width:1024px){
  .bzsj-ms{ font-size:clamp(13px,2.3vw,24px); }
  .time_get .bzsj{ word-break:normal; white-space:nowrap; letter-spacing:0; }
  .time_list .sqbt{ line-height:1.9; }
}

@media only screen and (max-width:600px){
  .bzsj-ms{ font-size:clamp(12px,2.9vw,18px); margin-left:.04em; }
  .time_get .bzsj{ word-break:normal; white-space:nowrap; letter-spacing:0;
    font-size:clamp(38px,12vw,60px); }
  .time_list .sqbt{ line-height:1.8; gap:4px; }
  .time_list .sqbt span{ margin-right:4px; }
  .devcalib{ margin-right:4px; }
  .devcalib .dev-now{ display:inline; }
  .devcalib .dev-diff{ display:inline; }
}

.flag-icon{
  height:1em;
  min-width:1.33333333em;
  background-color:transparent;
  vertical-align:middle;
}
.flag-icon.flag-fb{
  background-image:none !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  width:auto;
  height:auto;
  min-width:0;
  font-size:1.5em;
  line-height:1;
  font-style:normal;
}
.flag-icon.flag-fb:before{ content:none; }
.tklm-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (max-width:1024px){
  .time_box .hot a,
  .time_box .tool a,
  .time_scbox a,
  .time_list li,
  .time_area .area_item a,
  .time_area .area_url,
  .time_box .nr a{
    white-space:normal;
    overflow-wrap:break-word;
    word-break:break-word;
    min-width:0;
    max-width:100%;
    text-overflow:clip;
  }
}
@media (max-width:640px){
  .time_box .hot a,
  .time_box .tool a,
  .time_scbox a{
    min-width:0;
    padding-left:10px;
    padding-right:10px;
  }
  .time_tool .dbCity,
  .time_tool .dbTag,
  .time_tool .dbDst{
    white-space:normal;
    overflow-wrap:break-word;
    word-break:break-word;
  }
}

@supports not (overflow-x: clip){
  html, body, .time_max, .wrap{ overflow-x:hidden !important; }
}

.tklm-rich{margin:14px 0;padding:12px 14px;border:1px solid var(--border,#e3e8ef);border-radius:8px;background:var(--card,#fff)}
.tklm-rich h2{font-size:16px;margin:0 0 8px;font-weight:700;color:var(--text,#222);text-align:center}
.tklm-rich p{margin:6px 0;line-height:1.8;color:var(--text-sub,#555);text-align:center}
.tklm-rich-tb{width:100%;max-width:100%;border-collapse:collapse;margin:8px 0;font-size:13px;table-layout:fixed;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%}
.tklm-rich-tb th,.tklm-rich-tb td{padding:6px 8px;border-bottom:1px solid var(--border,#e3e8ef);text-align:left;vertical-align:middle;overflow-wrap:break-word;word-break:break-word}
.tklm-rich-tb th{background:var(--bg-sub,#f5f7fa);font-weight:600}
@media (max-width:640px){.tklm-rich{padding:10px}.tklm-rich h2{font-size:15px}.tklm-rich p{text-align:left;font-size:12px}.tklm-rich-tb{font-size:12px}.tklm-rich-tb th,.tklm-rich-tb td{padding:6px 4px}}
@media (max-width:400px){.tklm-rich{padding:8px}.tklm-rich h2{font-size:14px}.tklm-rich-tb{font-size:11px}.tklm-rich-tb th,.tklm-rich-tb td{padding:5px 3px}}

.nr table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.nr table th,.nr table td{padding:6px 8px;border-bottom:1px solid var(--border,#e3e8ef)}
.tklm-rich table td p,.tklm-rich table td div,.tklm-rich table th p,.tklm-rich table th div{text-align:inherit!important;margin:0}
.time_info table,
.nr table,
.tklm-rich table,
table.tklm-rich-tb{
  width:100%;
  max-width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-variant-numeric:tabular-nums;
}
.time_info table th,
.time_info table td,
.nr table th,
.nr table td,
.tklm-rich table th,
.tklm-rich table td,
table.tklm-rich-tb th,
table.tklm-rich-tb td{
  padding:6px 8px;
  border-bottom:1px solid #e3e8ef;
  vertical-align:middle;
  overflow-wrap:break-word;
  word-break:break-word;
}
.time_info table th,
.nr table th,
.tklm-rich table th,
table.tklm-rich-tb th{
  background:#f5f7fa;
  font-weight:600;
}
.time_info table td p,
.time_info table td div,
.time_info table th p,
.time_info table th div,
.nr table td p,
.nr table td div,
.nr table th p,
.nr table th div,
.tklm-rich table td p,
.tklm-rich table td div,
.tklm-rich table th p,
.tklm-rich table th div{
  text-align:inherit!important;
  margin:0;
}
@media (max-width:640px){
  .time_info table,
  .nr table,
  .tklm-rich table,
  table.tklm-rich-tb{font-size:12px}
  .time_info table th,
  .time_info table td,
  .nr table th,
  .nr table td,
  .tklm-rich table th,
  .tklm-rich table td{padding:6px 4px}
}
table td p,table td div,table th p,table th div{text-align:inherit!important}

table tr>*:nth-child(1):nth-last-child(3),
.tklm-rich table tr>*:nth-child(1):nth-last-child(3),
.nr table tr>*:nth-child(1):nth-last-child(3),
.time_info table tr>*:nth-child(1):nth-last-child(3),
table.tklm-rich-tb tr>*:nth-child(1):nth-last-child(3),
th.tklm-n3-c1,td.tklm-n3-c1{text-align:left!important;width:33.33%!important}
table tr>*:nth-child(2):nth-last-child(2),
.tklm-rich table tr>*:nth-child(2):nth-last-child(2),
.nr table tr>*:nth-child(2):nth-last-child(2),
.time_info table tr>*:nth-child(2):nth-last-child(2),
table.tklm-rich-tb tr>*:nth-child(2):nth-last-child(2),
th.tklm-n3-c2,td.tklm-n3-c2{text-align:center!important;width:33.34%!important}
table tr>*:nth-child(3):nth-last-child(1),
.tklm-rich table tr>*:nth-child(3):nth-last-child(1),
.nr table tr>*:nth-child(3):nth-last-child(1),
.time_info table tr>*:nth-child(3):nth-last-child(1),
table.tklm-rich-tb tr>*:nth-child(3):nth-last-child(1),
th.tklm-n3-c3,td.tklm-n3-c3{text-align:right!important;width:33.33%!important}
table tr>*:nth-child(2):nth-last-child(2) p,
table tr>*:nth-child(2):nth-last-child(2) div,
th.tklm-n3-c2 p,td.tklm-n3-c2 p,
th.tklm-n3-c2 div,td.tklm-n3-c2 div{text-align:center!important;margin-left:0;margin-right:0}


.time_info .nr h2,
.time_info .nr h3,
.time_faq .nr h2,
.time_faq .nr h3{
  font-size:16px;
  line-height:1.4;
  margin:20px 0 10px;
  font-weight:700;
  color:var(--title,#1b2430);
  word-break:break-word;
}
@media (min-width:640px){
  .time_info .nr h2,
  .time_info .nr h3,
  .time_faq .nr h2,
  .time_faq .nr h3{ font-size:18px; margin:24px 0 12px; }
}