/* 从 HTML style 属性归类生成，保持原规则表格与导航显示效果 */
.u-style-001{transition: max-height 284ms !important; position: relative !important;}
.u-style-002{display: none !important;}
.u-style-003{color: red !important;}
.u-style-004{background-color: #CCFFFF !important;}
.u-style-005{width: 127px !important;}
.u-style-006{width: 325px !important;}
.u-style-007{width: 296px !important;}
.u-style-008{background-color: #FBF1CE !important;}
.u-style-009{vertical-align: middle !important;}
.u-style-010{color: white !important; background-color: #BD9409 !important;}
.u-style-011{text-align: center !important; width: 150px !important;}
.u-style-012{text-align: center !important; width: 399px !important;}
.u-style-013{text-align: center !important; width: 116px !important;}
.u-style-014{text-align: center !important;}
.u-style-015{color: white !important; background-color: #A6A6A6 !important;}
.u-style-016{color: white !important; background-color: #A6A6A6 !important;}


/* 果博福布斯规则页：底部版权信息修复
   - 背景整块包住导航、版权、认证说明
   - 电脑端背景铺满规则内容区底部
   - 手机端三项导航一行显示，不出现返回首页第四项，不分行 */
.rule-page-footer{
  clear:both!important;
  float:none!important;
  display:flow-root!important;
  width:calc(100% + 8em)!important;
  max-width:none!important;
  margin:34px -4em 0!important;
  padding:20px 4em 18px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  color:#fff!important;
  border-radius:0!important;
  border-top:1px solid rgba(238,205,126,.34)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(41,25,8,.98),rgba(5,5,5,.98))!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}
.rule-page-footer *,
.rule-page-footer *:before,
.rule-page-footer *:after{
  box-sizing:border-box!important;
}
.rule-page-footer .rule-footer-nav{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 8px!important;
  padding:0!important;
  color:#fff!important;
  line-height:1.35!important;
  overflow:hidden!important;
}
.rule-page-footer .rule-footer-nav a,
.rule-page-footer .rule-footer-nav .footer-nav-sep{
  float:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:.3px!important;
  text-decoration:none!important;
  text-shadow:0 2px 6px rgba(0,0,0,.58)!important;
}
.rule-page-footer .rule-footer-nav a:hover{color:#ffe1a1!important;}
.rule-page-footer .footer-copy,
.rule-page-footer .footer-cert{
  clear:both!important;
  float:none!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:3px auto 0!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:0!important;
  text-shadow:0 2px 6px rgba(0,0,0,.55)!important;
}
@media screen and (max-width:40em){
  .main .rule-page-footer{
    width:calc(100% + 4em)!important;
    margin:20px -2em 0!important;
    padding:14px 6px 12px!important;
    border-radius:0!important;
  }
  .rule-page-footer .rule-footer-nav{
    margin-bottom:4px!important;
    line-height:1.18!important;
  }
  .rule-page-footer .rule-footer-nav a,
  .rule-page-footer .rule-footer-nav .footer-nav-sep{
    font-size:clamp(10px,3.15vw,12px)!important;
    line-height:1.18!important;
    padding-left:2px!important;
    padding-right:2px!important;
    letter-spacing:-.1px!important;
  }
  .rule-page-footer .footer-copy,
  .rule-page-footer .footer-cert{
    font-size:clamp(6.8px,2.02vw,10px)!important;
    line-height:1.18!important;
    letter-spacing:-.45px!important;
  }
}
@media screen and (max-width:360px){
  .rule-page-footer .rule-footer-nav a,
  .rule-page-footer .rule-footer-nav .footer-nav-sep{
    font-size:10px!important;
    padding-left:1px!important;
    padding-right:1px!important;
    letter-spacing:-.25px!important;
  }
  .rule-page-footer .footer-copy,
  .rule-page-footer .footer-cert{
    font-size:6.8px!important;
    letter-spacing:-.6px!important;
  }
}

/* 规则页底部白色留空修复：让 footer 背景一直贴到滚动内容最底部 */
body{
  background-color:#050505!important;
}
.main{
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:0!important;
  background:#fff!important;
}
.main > .col-sm-12{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  flex:1 0 auto!important;
}
.main > .col-sm-12:after{
  content:"";
  display:block;
  clear:both;
}
.rule-page-footer{
  margin-bottom:0!important;
  padding-bottom:calc(18px + 3em)!important;
}
@media screen and (max-width:40em){
  .main{
    padding-bottom:0!important;
    min-height:100vh!important;
  }
  .main .rule-page-footer{
    margin-bottom:0!important;
    padding-bottom:calc(12px + 2em)!important;
  }
}