/* 作用域 #page-brand —— 机械转换，勿手改 */
#page-brand .rd {  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: #EDEDEA;
  overflow: hidden;}
#page-brand .rd-nav {  flex: none;
  height: 0.88rem;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  position: relative;
  z-index: 20;}
#page-brand .nav-back {  width: 0.88rem;
  height: 0.88rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;}
#page-brand .ico-back {  width: 0.2rem;
  height: 0.2rem;
  border-left: 0.04rem solid #1A1A1A;
  border-bottom: 0.04rem solid #1A1A1A;
  transform: rotate(45deg);
  margin-left: 0.06rem;}
#page-brand .nav-title {  flex: 1;
  min-width: 0;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 600;
  color: #1A1A1A;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.1rem;}
#page-brand .nav-right {  width: 2rem;
  flex: none;}
#page-brand .rd-body {  flex: 1;
  min-height: 0;
  width: 100%;
  background: #EDEDEA;}
#page-brand .pg {  width: 100%;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;}
#page-brand .pg + .pg {  margin-top: 0.12rem;}
#page-brand .pg-img {  width: 100%;
  display: block;}
#page-brand .pg-err {  padding: 0.6rem 0;
  text-align: center;
  font-size: 0.24rem;
  color: #9A9A94;}
#page-brand .rd-tail {  height: calc(1.4rem + env(safe-area-inset-bottom));}
#page-brand .toc-btn {  position: absolute;
  left: 0.22rem;
  width: 0.92rem;
  height: 0.92rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.42);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 40;}
#page-brand .toc-btn-txt {  color: #FFFFFF;
  font-size: 0.22rem;
  letter-spacing: 0.01rem;}
#page-brand .zoom-tip {  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.72);
  color: #FFFFFF;
  font-size: 0.24rem;
  letter-spacing: 0.01rem;
  padding: 0.16rem 0.34rem;
  border-radius: 0.4rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 55;}
#page-brand .zoom-tip.show {  opacity: 1;
  visibility: visible;}
#page-brand .pager {  position: absolute;
  right: 0.22rem;
  bottom: calc(1.68rem + env(safe-area-inset-bottom));
  padding: 0.08rem 0.18rem;
  border-radius: 0.24rem;
  background: rgba(0, 0, 0, 0.45);
  color: #FFFFFF;
  font-size: 0.21rem;
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 40;}
#page-brand .pager.show {  opacity: 1;}
#page-brand .toc-mask {  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s;
  z-index: 500;}
#page-brand .toc-mask.show {  opacity: 1;
  visibility: visible;}
#page-brand .toc {  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 72vh;
  background: #FFFFFF;
  border-radius: 0.24rem 0.24rem 0 0;
  transform: translateY(100%);
  transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: flex;
  flex-direction: column;
  z-index: 510;
  overflow: hidden;}
#page-brand .toc.show {  transform: translateY(0);}
#page-brand .toc-head {  flex: none;
  height: 0.96rem;
  padding: 0 0.28rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.01rem solid #F0F0EC;}
#page-brand .toc-h-l {  flex: 1;
  min-width: 0;
  display: flex;
  align-items: baseline;}
#page-brand .toc-h-t {  font-size: 0.26rem;
  font-weight: 700;
  color: #1A1A1A;
  max-width: 4.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
#page-brand .toc-h-c {  font-size: 0.21rem;
  color: #A5A59E;
  margin-left: 0.12rem;
  flex: none;}
#page-brand .toc-close {  flex: none;
  font-size: 0.24rem;
  color: #6E6E68;
  padding: 0.1rem 0 0.1rem 0.2rem;}
#page-brand .toc-list {  flex: 1;
  min-height: 0;}
#page-brand .toc-grid {  display: flex;
  flex-wrap: wrap;
  padding: 0.2rem 0.2rem 0;}
#page-brand .toc-item {  width: 1.62rem;
  margin: 0 0.18rem 0.22rem 0;
  position: relative;
  border: 0.03rem solid transparent;
  box-sizing: border-box;}
#page-brand .toc-item:nth-child(4n) {  margin-right: 0;}
#page-brand .toc-item.on {  border-color: #D0021B;}
#page-brand .toc-thumb {  width: 1.56rem;
  display: block;
  background: #F2F2F0;}
#page-brand .toc-no {  text-align: center;
  font-size: 0.19rem;
  color: #8C8C86;
  padding-top: 0.06rem;}
#page-brand .toc-item.on .toc-no {  color: #D0021B;
  font-weight: 700;}
#page-brand .nav-title-tab {  padding: 0 0.88rem;}
#page-brand .toc-list {  padding-bottom: calc(0.24rem + env(safe-area-inset-bottom));}