*{margin:0; padding:0; list-style: none;  }
body {font-family:-apple-system,  "Source Han Sans CN", BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size:15px;-webkit-text-size-adjust: none;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
a{ text-decoration: none; cursor: pointer;  }
a:hover{ }
.hide{display:none;}
.none {display: none}
.pagewidth{ width:var(--width); margin:0 auto; transition-duration: 0.2s; }
img{ border:none; display: block;}
span:focus {outline: none !important;}
button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;}
body{--mc:#cb0018; --sc:#222529;--width:1600px; --bg:#f3f5f6; color: #111; background: #faf9fd;}
html{ scroll-behavior: smooth;}
p{line-height:1.7}
h1,h2,h3,h4,h5{ line-height:1.4 }
.block{ height:110px; }
/* 针对 WebKit 内核的浏览器（如 Chrome 和 Safari） */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* 隐藏清除按钮 */
  display: none; /* 确保彻底隐藏 */
}

/* 针对 Edge 浏览器 */
input[type="search"]::-ms-clear {
  display: none;
}



.header{ position: fixed; left: 0px; right: 0px; top: 0px; z-index: 99; transition-duration:0.3s; background: rgba(255,255,255,0.8); box-shadow:0px 4px 10px rgba(0, 0, 0, 0.05); margin-bottom: 32px;-webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px); }
.header .pagewidth{display: flex; justify-content:space-between;  align-items:center; height:80px;  }
.header .pagewidth .logo{  }
.header .pagewidth .logo img{ height: 36px;  }

.header .pagewidth .menu ul{ display:flex; justify-content:left; grid-gap:12px; align-items:center; }
.header .pagewidth .menu ul li{ line-height:1; }
.header .pagewidth .menu ul li a{ border-radius:20px; padding:8px 12px; font-weight:500; font-size: 16px; color:#666; line-height:1; border-radius:40px;border: rgba(255,255,255,0) solid 2px; }
.header .pagewidth .menu ul li a.active{ color: var(--mc);border: var(--mc) solid 2px;  }
.header .pagewidth .menu ul li a:hover{ color: var(--666); border:#f1f1f1 solid 2px; }

.header .pagewidth .login .logged_out a{border-radius:20px; padding:10px 20px; background:var(--sc); color:#fff; line-height:1; }
.header .pagewidth .login .logged_in{ display:flex;justify-content: left; align-items:center; grid-gap: 10px;}
.header .pagewidth .login .logged_in .user a{ display: flex; justify-content: left; align-items: center; grid-gap: 6px; border-radius: 50px; }
.header .pagewidth .login .logged_in .user img{ width: 40px; height: 40px; border-radius: 50%; object-fit: cover;}
.header .pagewidth .login .logged_in a:hover{color: var(--mc); }
.header .pagewidth .login .logged_in .line{ color: #999; font-size: 12px;}
.header .pagewidth .login .logged_in .nickname{display: -webkit-box;  width: 60px;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.search{}



.copy{-webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px); border-top: #ececec solid 1px; position: fixed; left:0px; right: 0px; bottom: 0px;  background:rgba(255, 255, 255, 0.8); color: #666; padding-top:20px; padding-bottom: 20px; text-align: left; }
.copy p{  }
.copy p span{ margin-right: 40px;}

.pagination{ display: flex; justify-content: left; align-items: center; text-align: center; grid-gap: 10px;}
.pagination li span{ display: block; border: #ddd solid 1px; border-radius: 3px; padding:8px 13px;color: #333; line-height: 1;}
.pagination li a{ display: block; border: #ddd solid 1px; border-radius: 3px; padding:8px 13px; cursor: pointer; line-height: 1;}
.pagination li a:hover{background: #f6f6f6}
.pagination li.active span{  color: #fff; background: var(--mc); border-color: var(--mc); }


.innernav {width: 20px;height: 16px;position: absolute;top: 30px;right: 20px; }
.innernav .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background:var(--mc);;-webkit-transition: all 0.3s;transition: all 0.3s;}
.innernav .icon-bar.top {top: 0;}
.innernav .icon-bar.middle {top: 50%;margin-top: -1px;}
.innernav .icon-bar.bottom {bottom: 0;}
.fixed .innernav .icon-bar {background:var(--mc);}
.main_nav {display: table; width: 70%;height: 100%;position: fixed;top: 0;left: -70%;bottom: 0;background:#fff;z-index: 9999;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_nav .menu_logo{ padding-left: 12px; padding-right: 20px; height: 48px;border-bottom: #ececec solid 1px; display:flex; justify-content:space-between; align-items:center; }
.main_nav .menu_logo img{ height: 32px; }
.main_nav .close_nav {width: 20px;height: 20px;position: absolute;  top: 25px;  right: 25px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 2px;background: #fff;position: absolute;top: 50%;left: 0;margin-top: -1px;-webkit-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s;}
.main_nav .close_nav:before {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav .close_nav:after {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav.open {left: 0;}
.main_nav.open .close_nav:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0;}
.main_nav.open .close_nav:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition-delay: 0;}
.main_nav .menu { padding:30px; }
.main_nav .menu li {display: block;position: relative; line-height: 32px;}
.main_nav .menu li > .active {display: block;position: relative; background: #e8efed;}
.main_nav .menu li:not(:last-child) {margin-bottom: 15px;}
.main_nav .menu li.animated {left: 25px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; margin-bottom: 20px;}
.main_nav .menu li.animated.show {left: 0;opacity: 1;}
.main_nav .menu li a { display:flex; justify-content:space-between; align-items:center;font-size:16px;color: #333; padding:2px 10px;}
.main_nav .menu li.active a {color: var(--mc); background: #e8efed;}
.main_nav .menu li i{ transform:rotate(0deg); transition-duration: 0.3s;}
.main_nav .menu li.active i{ transform:rotate(180deg); }
.main_nav .menu li ul {display: none;margin: 10px auto; padding-left: 20px;}
.main_nav .menu li ul li {display:block;position: relative;}
.main_nav .menu li ul li a {font-size: 14px;font-weight: normal;color: #333!important;background: #fff!important; padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main_nav .menu li ul li a.active,
.main_nav .menu li ul li a:hover {color: #fff;}
.main_nav .menu li ul li a.active {font-weight: bold;}
.main_overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background: rgba(17, 17, 17, 0.6);opacity: 0;visibility: hidden;cursor: pointer;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_overlay.open {opacity: 1;visibility: visible;}


.main_nav .lang{ text-align:center; line-height:2; position:absolute; bottom:20px; width:100% }
.main_nav .lang p { display:flex; justify-content:center; align-items:center;grid-gap:10px; }
.main_nav .lang p a{  color:#333; font-size:14px;  }
.main_nav .lang p a.active{ color:var(--mc); }