/* html reset */
a,b,blockquote,body,button,center,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hr,i,img,input,label,legend,li,ol,p,span,strong,td,textarea,th,u,ul,var{margin:0;padding:0;box-sizing:border-box}
body{color:#909090;font:14px/24px "Microsoft YaHei","MicrosoftJhengHei",STHeiti,MingLiu,sans-serif,tahoma,"Helvetica Neue",Helvetica,Arial,"\5b8b\4f53";-webkit-font-smoothing:antialiased;background-color:#fff}
ol,ul{list-style-type:none}
i{font-style:normal}
img,input,select,textarea{vertical-align:middle}
input{ border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
li{list-style-type:none;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a,a:hover,a:visited{color:#909090;text-decoration:none}
a.btn-red {color:#fff;}
button,input[type=button]{border: 0 none;}

/* common use */
.fl{float:left}
.fr{float:right}
.mgb{margin-bottom: 10px;}
.title {font-family:"Microsoft YaHei","MicrosoftJhengHei",STHeiti,MingLiu,sans-serif,tahoma,"Helvetica Neue",Helvetica,Arial,"\5b8b\4f53"}
.nopadding{padding: 0;}
.df{display:flex;}
.dfb{display:flex;align-items:center;justify-content:center;}
.fdc {flex-direction:column}
.spa{justify-content:space-around}
.spb{justify-content:space-between}
.aic{align-items:center}
.aifs{align-items:flex-start}

/* page layout */
html {
  overflow-x: hidden;
  max-width: 100%;
}
.header,.main,body,.footer,.header-box{margin: 0 auto;}
.main,.footer,.header-box{width: 100%;}
body {
  overflow-x: hidden;
  max-width: 100%;
}
/* 主内容区：随屏变窄，避免固定 1380px 在窄屏撑出横向滚动条 */
.main {
  max-width: 1380px;
  width: 100%;
  box-sizing: border-box;
}

/* 首页 Banner：相对 .main 居中，宽度随视口（上限 1920）。横向溢出由 html/body overflow-x 收敛 */
.banner-section {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: min(100vw, 1920px);
  max-width: 1920px;
  background: #fff;
  box-sizing: border-box;
}
.header-box {
  position: relative;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  min-height: 184px;
  box-sizing: border-box;
}
.header-brand__logo img {display: block;width: auto;}

/* 中间主导航、右侧操作区：在顶栏内垂直居中 */
.header-nav-center {
  justify-self: center;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
}
.header .nav ul {display: flex;align-items: center;margin: 0;gap: clamp(32px, 5vw, 72px);}
.header .nav ul li {margin: 0;}
.header .nav a {
  position: relative;
  display: inline-block;
  font-size: 30px;
  line-height: 1.7;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* 激活态：主题色 + 底部粗下划线（颜色由 theme.css 覆盖为 var(--primary)） */
.header .nav a.active {color: #f00;}
/* 头部导航下的横条 */
.header .nav a.active::after {
  content: '';
  position: absolute;
  height: 4px;
  left: 0;
  right: 0;
  top: 70px;
}

/* 右侧：注册/登录 + 头像（网格内右对齐、垂直居中） */
.header .header-actions,.header .usercenter {
  justify-self: end;
  align-self: center;
  flex-shrink: 0;
  margin: 0;
}
.header .header-actions ul,.header .usercenter ul {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 30px;
  list-style: none;
}

.header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  padding: 10px 20px;
  font-weight: 500;
  font-family: "Microsoft YaHei","MicrosoftJhengHei",STHeiti,MingLiu,sans-serif,tahoma,"Helvetica Neue",Helvetica,Arial,"\5b8b\4f53";
  font-size: 24px;
}

.header-btn--ghost {color: #e31837 !important;background: #fff;border: 1px solid #e31837;}
.header-btn--ghost:hover {background: #fff5f5;}
.header-btn--solid {
  color: #fff !important;
  background: #e31837;
  border: 1px solid #e31837;
}

.header-btn--solid:hover {background: #c41e3a;border-color: #c41e3a;}
.header-actions__icon {display: flex;align-items: center;margin-left: 4px;}
.header-new .nav-user-icon {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
}

/* 带背景页顶栏（bgbase）：全宽主题色底、白字导航与品牌文案 */
.header-bg {width: 100%;max-width: none;background: var(--primary, #f00);box-sizing: border-box;height: 189px;}
.header-bg .header-box {height: 189px;}
.header-bg .header-brand {align-self: center;}
.header-brand--stack {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}

.header-brand--stack .header-brand__logo img {display: block;height: auto;width: auto;}
.header-bg .nav a {color: #fff !important;font-weight: 600 !important;font-size: 26px;}
.header-bg .nav a:hover {color: rgba(255, 255, 255, 0.88) !important;}
.header-bg .nav a.active {color: #fff !important;}
.header-bg .nav a.active::after {background: #fff;height: 4px;border-radius: 2px;bottom: 2px;}
.header-bg .header-btn--ghost {color: #fff !important;background: transparent !important;border: 1px solid #fff !important;}
.header-bg .header-btn--ghost:hover {background: rgba(255, 255, 255, 0.12) !important;}
.header-bg .header-btn--solid {color: var(--primary, #f00) !important;background: #fff !important;border: 1px solid #fff !important;}
.header-bg .header-btn--solid:hover {background: rgba(255, 255, 255, 0.92) !important;border-color: rgba(255, 255, 255, 0.92) !important;}

/* 新版页脚：全宽红底，主体 .footer-content 最大 1380px、上下 150px */
.footer {width: 100%;background: #C60506;color: #fff;}
.footer * {color: #fff;}
.footer-content {
  box-sizing: border-box;
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  padding: 150px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.footer-left {flex: 0 0 auto;max-width:400px;}
.footer-brand {display: flex;align-items: center;margin-bottom: 36px;}
.footer-brand__logo {display: block;flex-shrink: 0;filter: brightness(0) invert(1);}
.footer-hotline__label {
  font-size: 15px;
  margin-bottom: 10px;
  opacity: 0.95;
}

.footer-hotline__phone {font-size: 32px;font-weight: bold;letter-spacing: 0.04em;line-height: 1.2;}
.footer-divider {
  width: 1px;
  align-self: stretch;
  min-height: 120px;
  background: rgba(255, 255, 255, 0.55);
  flex-shrink: 0;
  margin: 0 36px 0 16px;
}

.footer-org {flex: 1 1 0;min-width: 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));}
.footer-org__col:nth-child(1) {width: 220px;}
.footer-org__col:nth-child(2) {width: 140px;}
.footer-org__title {font-size: 22px;font-weight: 400;margin: 0 0 14px;opacity: 0.95;}
.footer-org__text {font-size: 22px;line-height: 1.65;margin: 0;font-weight: bold;}
.footer-org__list {margin: 0;padding: 0;list-style: none;font-size: 20px;font-weight: bold;line-height: 1.75;}
.footer-org__list li + li {margin-top: 4px;}

@media (max-width: 1200px) {
  .footer-content {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-divider {
    width: 100%;
    height: 1px;
    min-height: 0;
    margin: 32px 0;
  }

  .footer-org {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .footer-content {
    padding: 80px 20px;
  }

  .footer-org {
    grid-template-columns: 1fr;
  }
}

.fullbg-row{margin: 15px auto;}
.fullbg-row>.title{background:url(/static/images/web/row-fullbg.png) no-repeat content-box 0 28px;height:52px;margin:36px 0;}
.fullbg-row>.title h1,.fullbg-row>.title h2{color: #909090;text-align: center;font-weight: bold;}
.fullbg-row>.title h1{font-size:18px}
.fullbg-row>.title h2{font-size:13px;margin-top: 10px;}

/* login and reg */
.usertool-box {position:relative;background:url(/static/images/web/login-bg.png) no-repeat center center;height:890px;width: 100%;min-width: 100%;max-width: 1920px;margin: 0 auto;background-size: cover;}
.usertool-box>.form-box{position: absolute;z-index: 1001; left:1300px;top:140px; width:470px;background-color: #F9FBFC;padding: 30px;border-radius: 10px; color:#999;}
/* for login switch channel */
.usertool-box>.form-box a{color: #fff;}
.usertool-box>.form-box ul.tabs-title {display: flex;margin-bottom: 25px;border: 2px solid #fff}
.usertool-box>.form-box ul.tabs-title li{width:50%;line-height:58px;font-size:22px;text-align: center;letter-spacing:5px; cursor: pointer;font-weight: bold;}
.usertool-box>.form-box ul.tabs-title li:first-child{border-right: 2px solid #f00;}
.usertool-box>.form-box ul.tabs-title li.active{color: #E60000;}
.usertool-box>.form-box .toreg{display: block;margin: 10px 0;text-align: right;font-size: 18px;}

.usertool-box .form-group { position: relative; margin:15px 0; display:flex; align-items: center; }
.usertool-box .form-group i { position:absolute;left:18px;top: 9px;display:block;font-size:24px;line-height: 42px;color: #8d8c8c;}
.usertool-box .form-group .splitter{ position: absolute;left: 55px;top:17px;display: inline-block;width:1px;height: 26px;background-color: #ccc;}
.usertool-box .form-group input {width: 100%;height: 60px;line-height: 60px; border: 1px solid #d0d0d0; padding-left:70px; font-size:20px;color: #8d8c8c;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px ; -ms-border-radius:10px; -o-border-radius:10px;}
.usertool-box .form-group input::-webkit-input-placeholder{color: #bababa;}
.usertool-box .form-group .smscode-button{position: absolute;display: block;width: 168px;height: 40px;line-height: 40px;right:15px;top: 9px;background-color: #C93224;font-size: 21px;text-align: center;color: #fff;cursor: pointer;}
.form-submit button{width: 100%;height:60px;line-height:60px;border-radius: 10px; background-color: #C93224;font-size: 23px;font-weight: bold;color: #fff;letter-spacing:1em;}
.usertool-box .form-checkbox {margin: 20px 0; display: flex;justify-content:space-between; align-items: center;color: #fff;font-size:18px;}
.usertool-box .form-checkbox>span{ display: flex; align-items: center; }
.usertool-box .form-checkbox .layui-form-checkbox[lay-skin=primary] span {
  padding: 0;
  line-height: 18px;
  background: 0 0;
  color: #999;
  font-size: 18px;
}
.usertool-box .form-checkbox .layui-form-checked,.usertool-box .form-checkbox .layui-form-checked:hover { border-color: #C93224; }
.layui-form-checkbox[lay-skin=primary]:hover i{}
.usertool-box .form-checkbox .layui-form-checkbox[lay-skin=primary] i{width: 20px;height: 20px;line-height: 20px;}
.usertool-box .form-checkbox .layui-form-checked[lay-skin=primary] i {border-color: #C93224!important; background-color: #C93224; color: #fff;width: 20px;height: 20px;line-height: 20px;}

/* pagination use */
.pagination p {margin: 0;cursor: pointer}
.pagination {display: flex;justify-content: center;height: 60px;padding: 15px 0px;margin: 0 auto;}
.pagination a,
.pagination p {display: inline-block;margin-right: 10px;padding: 0 12px;height: 31px;line-height: 31px;border: 1px #cccccc solid;background: #fff;text-decoration: none;color: #808080;font-size: 12px;}
.pagination a:hover {color: #ed0000;background: white;border: 1px #ed0000 solid;}
.pagination a.cur {background: #ed0000;color: #fff;border: 1px #ed0000 solid;}
.pagination p {color: #bbb;}
.pagination p.pageRemark {border-style: none;background: none;margin-right: 0px;padding: 4px 0px;color: #666;}
.pagination p.pageRemark b {color: red;}
.pagination p.pageEllipsis {border-style: none;background: none;padding: 4px 0px;color: #808080;}
.dates li {font-size: 14px;margin: 20px 0}
.dates li span {float: right}

/* 重置 layui：与 .main 一致可收缩，避免窄屏超出视口 */
.layui-container {
  max-width: 1380px;
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.layui-form-select dl dd.layui-this{background-color: #ed0000;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #ed0000}