#newBridge,
#aff-im-root {
  display: none !important;
}

/* @font-face {
  font-family: OPPOSans-B;
  src: url("./fonts/OPPOSans-B.woff2");
}

@font-face {
  font-family: OPPOSans-M;
  src: url("./fonts/OPPOSans-M.woff2");
}

@font-face {
  font-family: OPPOSans-R;
  src: url("./fonts/OPPOSans-R.woff2");
} */

/* 公共部分 开始 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
  resize: none;
  -webkit-tap-highlight-color: transparent;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue,
    Helvetica, Arial, sans-serif, Segoe UI;
}

/* 确保所有链接颜色一致 */
.lato-header a,
.lato-header a:visited {
  color: inherit;
}

a:hover {
  color: #23c55e;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

/* 为所有的 textarea 和 input 类型为 text 的 placeholder 设置样式 */
::-webkit-input-placeholder {
  font-family: inherit;
  color: inherit;
}

.top-bar {
  width: 100%;
  min-width: 1500px;
  z-index: 1001;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
}

.top-bar .background-info {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.top-bar .display-none {
  display: none !important;
}

/* 公共部分 结束 */

/* 顶部报名 开始 */
.sign-box {
  z-index: 1;
  position: relative;
  display: none;
}

.sign-box .sign-bg {
  height: 100px;
  background-image: url("../image/activity-pc1.png");
}

.sign-box .sign-left {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.sign-box .sign-left .sign-up {
  width: 82px;
  height: 90px;
  background-image: url("../image/sign-up1.png");
}

.sign-box .sign-left .sign-open {
  width: 17px;
  height: 90px;
  background-image: url("../image/sign-open1.png");
}

.sign-box .sign-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-image: url("../image/sign-close.png");
}

/* 顶部报名 结束 */

/* 头部 开始 */
.lato-header {
  height: 60px;
  padding: 0 30px;
  display: flex;
  border-bottom: 1px solid #eceff6;
}

.lato-header:hover {
  background-color: #fff;
}

.lato-header .header-left {
  margin-right: 40px;
  display: block;
  width: 108px;
  background-size: 108px 48px;
  background-image: url("../image/logo.png");
}

.lato-header .header-menu-left-mobile a,
.lato-header .header-menu a {
  font-size: 14px;
  color: #333;
  font-family: OPPOSans-M;
  white-space: nowrap;
}

.lato-header .header-menu {
  height: 100%;
  display: flex;
  flex-grow: 1;
}

/* 通用菜单样式 - 左右菜单共享 */
.lato-header .header-menu .header-parent,
.lato-header .header-right .header-parent {
  position: relative;
}

.lato-header .header-menu .header-parent > a,
.lato-header .header-right .header-parent > a,
.lato-header .header-menu .header-parent > a:visited,
.lato-header .header-right .header-parent > a:visited {
  height: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 60px;
  color: #000;
  /* color: #333; */
  font-family: PingFang SC, "Microsoft YaHei";
  /* font-family: OPPOSans-M; */
  white-space: nowrap;
}

.lato-header .header-menu .header-parent:hover > a,
.lato-header .header-right .header-parent:hover > a,
.lato-header .header-menu .header-parent:hover > a:visited,
.lato-header .header-right .header-parent:hover > a:visited {
  color: #23c55e;
}

.lato-header .header-menu .header-parent .header-arrow,
.lato-header .header-right .header-parent .header-arrow {
  padding-right: 20px;
  position: relative;
}
/* 未登录状态下隐藏箭头图标 */
.lato-header .header-right .header-parent .no-arrow .header-arrow::after {
  display: none !important;
}

.lato-header .header-menu .header-parent .header-arrow::after,
.lato-header .header-right .header-parent .header-arrow::after {
  content: "";
  display: block;
  width: 9px;
  height: 6px;
  background-image: url("../image/arrow-down.png");
  position: absolute;
  right: 0;
  top: 54%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
}

.lato-header .header-menu .header-parent:hover .header-arrow::after,
.lato-header .header-right .header-parent:hover .header-arrow::after {
  transform: translate(0, -50%) rotate(180deg);
  -webkit-transform: translate(0, -50%) rotate(180deg);
  -moz-transform: translate(0, -50%) rotate(180deg);
  -ms-transform: translate(0, -50%) rotate(180deg);
  -o-transform: translate(0, -50%) rotate(180deg);
}

.lato-header .header-menu .header-parent .header-child,
.lato-header .header-right .header-parent .header-child {
  display: none;
  width: max-content;
  min-width: 100%;
  background-color: #fff;
  position: absolute;
  top: 100%;
  padding: 10px 20px;
  border-radius: 0 0 10px 10px;
  /* margin-top: 5px; */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* 左侧菜单下拉菜单位置 */
.lato-header .header-menu .header-parent .header-child {
  left: 0;
}

/* 右侧菜单下拉菜单位置 */
.lato-header .header-right .header-parent .header-child {
  right: 0;
}

.lato-header .header-menu .header-parent:hover .header-child,
.lato-header .header-right .header-parent:hover .header-child {
  display: block;
}

.lato-header .header-menu .header-parent .header-child a,
.lato-header .header-right .header-parent .header-child a,
.lato-header .header-menu .header-parent .header-child a:visited,
.lato-header .header-right .header-parent .header-child a:visited {
  padding: 8px 10px;
  display: block;
  text-align: left;
  border-radius: 10px;
  color: #333;
  font-family: PingFang SC, "Microsoft YaHei";
}

.lato-header .header-menu .header-parent .header-child a:hover,
.lato-header .header-right .header-parent .header-child a:hover,
.lato-header .header-menu .header-parent .header-child a:visited:hover,
.lato-header .header-right .header-parent .header-child a:visited:hover {
  color: #23c55e;
  background-color: #e9f9ef;
}

/* 下载应用二维码特殊样式 */
.lato-header .header-menu .header-parent .header-child .download-app-qr {
  display: none;
}

.lato-header
  .header-menu
  .header-parent
  .header-child
  .download-app:hover
  + .download-app-qr {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
}
#newBridge,
#aff-im-root {
  display: none !important;
}

/* @font-face {
    font-family: OPPOSans-B;
    src: url("./fonts/OPPOSans-B.woff2");
}

@font-face {
    font-family: OPPOSans-M;
    src: url("./fonts/OPPOSans-M.woff2");
}

@font-face {
    font-family: OPPOSans-R;
    src: url("./fonts/OPPOSans-R.woff2");
} */

/* 公共部分 开始 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
  resize: none;
  -webkit-tap-highlight-color: transparent;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

/* 为所有的 textarea 和 input 类型为 text 的 placeholder 设置样式 */
::-webkit-input-placeholder {
  font-family: inherit;
  color: inherit;
}

/* .top-bar {
  width: 100%;
  min-width: 1500px;
  z-index: 999;
  position: sticky;
  top: 0;
  left: 0;
} */

.top-bar .background-info {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.top-bar .display-none {
  display: none !important;
}

/* 公共部分 结束 */

/* 顶部报名 开始 */
.sign-box {
  z-index: 1;
  position: relative;
  display: none;
}

.sign-box .sign-bg {
  height: 100px;
  background-image: url("../image/activity-pc1.png");
}

.sign-box .sign-left {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.sign-box .sign-left .sign-up {
  width: 82px;
  height: 90px;
  background-image: url("../image/sign-up1.png");
}

.sign-box .sign-left .sign-open {
  width: 17px;
  height: 90px;
  background-image: url("../image/sign-open1.png");
}

.sign-box .sign-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-image: url("../image/sign-close.png");
}

/* 顶部报名 结束 */

/* 头部 开始 */
.lato-header {
  height: 60px;
  /* padding: 0 30px; */
  display: flex;
  border-bottom: 1px solid #eceff6;
}

.lato-header:hover {
  background-color: #fff;
}

.lato-header .header-left {
  margin-right: 40px;
  display: block;
  width: 108px;
  background-size: 108px 48px;
  background-image: url("../image/logo.png");
}

.lato-header .header-menu-left-mobile a,
.lato-header .header-menu a {
  font-size: 14px;
  color: #333;
  font-family: OPPOSans-M;
  white-space: nowrap;
}

.lato-header .header-menu {
  height: 100%;
  display: flex;
  flex-grow: 1;
}

.lato-header .header-menu .header-parent {
  position: relative;
}

.lato-header .header-menu .header-parent > a {
  height: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

.lato-header .header-menu .header-parent:hover > a {
  color: #23c55e;
}

.lato-header .header-menu .header-parent .header-child .download-app-qr {
  display: none;
}

.lato-header
  .header-menu
  .header-parent
  .header-child
  .download-app:hover
  + .download-app-qr {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
}
span.header-arrow {
  font-size: 16px;
}
.lato-header .header-menu .header-parent .header-arrow {
  padding-right: 20px;
  position: relative;
}

.lato-header .header-menu .header-parent .header-arrow::after {
  content: "";
  display: block;
  width: 9px;
  height: 6px;
  background-image: url("../image/arrow-down.png");
  position: absolute;
  right: 0;
  top: 54%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
}

.lato-header .header-menu .header-parent:hover .header-arrow::after {
  transform: translate(0, -50%) rotate(180deg);
  -webkit-transform: translate(0, -50%) rotate(180deg);
  -moz-transform: translate(0, -50%) rotate(180deg);
  -ms-transform: translate(0, -50%) rotate(180deg);
  -o-transform: translate(0, -50%) rotate(180deg);
}

.lato-header .header-menu .header-parent .header-child {
  display: none;
  width: max-content;
  min-width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 10px 20px;
  /* box-shadow: 0 13px 13px #d8dad9; */
  border-radius: 0 0 10px 10px;
}

.lato-header .header-menu .header-parent:hover .header-child {
  display: block;
}

.lato-header .header-menu .header-parent .header-child a {
  padding: 8px 10px;
  display: block;
  text-align: left;
  border-radius: 10px;
  font-size: 14px;
}

.lato-header .header-menu .header-parent .header-child a:hover {
  color: #23c55e;
  background-color: #e9f9ef;
}

.lato-header .header-right {
  display: flex;
}

.lato-header .header-right .header-register,
.lato-header .header-right .header-console,
.lato-header .header-right .header-register:visited,
.lato-header .header-right .header-console:visited {
  font-size: 14px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "OPPOSans-R";
}

.lato-header .header-right .header-register {
  color: #333333;
  padding: 0px 8px;
}

.lato-header .header-right .header-console:hover {
  color: #23c55e;
}

.lato-header .header-right .header-console::after {
  content: "\7ba1\7406\63a7\5236\53f0";
}

/* 滚动条离开页面顶部时的样式 开始 */
.header-active {
  box-shadow: rgb(0 0 0 / 30%) 0px 0px 9px;
  background-color: #fff;
  border-bottom: none;
}

.header-active .header-left {
  /* background-image: url(); */
}

.header-active .header-menu-left-mobile a,
.header-active .header-menu a {
  /* color: ; */
}

.header-active .header-menu .header-parent .header-arrow::after {
  /* background-image: url(); */
}

/* 滚动条离开页面顶部时的样式 结束 */
/* 头部 结束 */

/* 右侧悬浮窗口 开始 */
.learn-info {
  z-index: 999;
  position: fixed;
  right: 10px;
  bottom: 50%;
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
}

.learn-info > div {
  font-family: OPPOSans-R;
  cursor: pointer;
  width: 52px;
  box-shadow: 0 0 6px rgba(86, 88, 87, 0.35);
  border-radius: 26px;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  -o-border-radius: 26px;
}

.learn-info .learn-top {
  padding: 50px 16px 16px;
  font-size: 16px;
  color: #fff;
  background-color: #11a84e;
  border: 2px solid #fff;
  background-image: url("../image/customer.png");
  background-size: 26px 28px;
  background-position: center 16px;
  background-repeat: no-repeat;
}

.learn-info .learn-bottom {
  padding: 25px 12px;
  background-color: #fff;
  margin-top: 15px;
}

.learn-info .learn-bottom div {
  font-size: 14px;
  color: #666;
  padding-top: 20px;
  background-size: 20px;
  background-position: center top;
  background-repeat: no-repeat;
}

.learn-info .learn-bottom div:hover {
  color: #11a84e;
}

.learn-info .learn-bottom .learn-order {
  padding-top: 25px;
  background-image: url("../image/order1.png");
}

.learn-info .learn-bottom .learn-order:hover {
  background-image: url("../image/order2.png");
}

.learn-info .learn-bottom .learn-to-top {
  margin-top: 20px;
  background-image: url("../image/to-top1.png");
}

.learn-info .learn-bottom .learn-to-top:hover {
  background-image: url("../image/to-top2.png");
}

/* 右侧悬浮窗口 结束 */

/* 移动端 开始 */
/* 公共部分 开始 */
.top-bar-mobile {
  min-width: 0;
}

/* 公共部分 结束 */

/* 头部 开始 */
.top-bar-mobile .lato-header {
  height: 12.8vw;
  padding: 3.2vw;
}

.top-bar-mobile .lato-header .header-left {
  margin-right: 0;
  width: 14.4vw;
  background-size: 14.4vw 6.4vw;
}

.top-bar-mobile .lato-header .header-menu-left-mobile a,
.top-bar-mobile .lato-header .header-menu a {
  font-size: 4vw;
  color: #1e1e1e;
  /* padding: 3vw 6vw; */
  padding: 1.5vw 6vw;
  margin: 10px 0;
}

.top-bar-mobile .lato-header .header-menu-left-mobile .a-active {
  background-color: #fff;
  border-left: 0.8vw solid #23c55e;
}

.top-bar-mobile .lato-header .header-menu-left-mobile,
.top-bar-mobile .lato-header .header-menu {
  border-top: 1px solid #e5e5e5;
  height: calc(100% - 12.8vw);
  position: fixed;
  top: 12.8vw;
}

.top-bar-mobile .lato-header .header-menu-left-mobile {
  width: 33vw;
  left: 0;
  background-color: #eee;
  flex-direction: column;
  display: flex;
}

.top-bar-mobile .lato-header .header-menu {
  width: calc(100% - 33vw);
  right: 0;
  background-color: #fff;
  flex-direction: column;
  padding: 0 3vw;
}

.top-bar-mobile .lato-header .header-menu .header-parent > a {
  height: auto;
  font-weight: bold;
  padding: 3vw 0;
  border-bottom: 1px solid #e5e5e5;
}

.top-bar-mobile .lato-header .header-menu .header-parent .header-arrow {
  padding-right: calc(3vw + 9px);
}

.top-bar-mobile .lato-header .header-menu .header-parent .header-arrow::after {
  transform: translate(0, -50%) rotate(-90deg);
  -webkit-transform: translate(0, -50%) rotate(-90deg);
  -moz-transform: translate(0, -50%) rotate(-90deg);
  -ms-transform: translate(0, -50%) rotate(-90deg);
  -o-transform: translate(0, -50%) rotate(-90deg);
}

.top-bar-mobile .lato-header .header-menu .header-parent .header-child {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px 20px;
}

.top-bar-mobile .lato-header .header-menu .header-parent .header-child a {
  padding: 8px 10px;
  text-align: left;
}

.top-bar-mobile .lato-header .header-right {
  flex-grow: 1;
  justify-content: flex-end;
}

.top-bar-mobile .lato-header .header-right .header-register {
  margin-right: 7.2vw;
  width: 17.2vw;
  font-size: 3.2vw;
  background: linear-gradient(to right, #49c568, #24bafc);
  border-radius: 0.8vw;
  -webkit-border-radius: 0.8vw;
  -moz-border-radius: 0.8vw;
  -ms-border-radius: 0.8vw;
  -o-border-radius: 0.8vw;
}

.top-bar-mobile .lato-header .header-right .header-console {
  margin-right: 7.2vw;
  width: 5.6vw;
  background-size: 5.6vw;
  background-image: url("../image/console-mobile.png");
}

.top-bar-mobile .lato-header .header-right .header-console::after {
  content: "";
}

.top-bar-mobile .lato-header .menu-icon {
  width: 5.6vw;
  background-size: 5.6vw;
  background-image: url("../image/menu-mobile.png");
}

.top-bar-mobile .lato-header .menu-close-mobile {
  background-size: 4vw;
  background-image: url("../image/menu-close-mobile.png");
}

/* 头部 结束 */

/* 右侧悬浮窗口 开始 */
.top-bar-mobile .learn-info {
  display: none;
}

/* 右侧悬浮窗口 结束 */
/* 移动端 结束 */

.header-icon {
  margin-right: 8px;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 22px;
  height: 22px;
}

.header-icon-log {
  margin-right: 8px;
  vertical-align: middle;
  width: 22px;
  height: 22px;
}

/* 响应式导航链接显示控制 */
.pc-only {
  display: block !important;
}

.mobile-only {
  display: none !important;
}

/* 移动端样式覆盖 */
.top-bar-mobile .pc-only {
  display: none !important;
}

.top-bar-mobile .mobile-only {
  display: block !important;
}

.lato-header .header-menu .header-parent .header-child a:hover {
  color: #23c55e;
}

.lato-header .header-right {
  display: flex;
}

.lato-header .header-right .header-register,
.lato-header .header-right .header-console {
  font-size: 14px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "OPPOSans-R";
}

.lato-header .header-right .header-console:hover {
  color: #23c55e;
}

/* 确保文字与图标对齐 */
.lato-header .header-right .header-parent > a > span {
  display: flex;
  align-items: center;
  height: 100%;
}

/* 确保工作台按钮文字垂直居中 */
.lato-header .header-right .header-parent > a > span:only-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* 移动端隐藏工作台按钮 */
.top-bar-mobile .lato-header .header-right .header-workbench {
  display: none;
}
/* 登录用户名省略号显示 */
.top-bar-mobile .lato-header .header-right #user-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  display: inline-block;
}
.top-bar-mobile .lato-header .app-workbench {
  background: linear-gradient(to right, #49c568, #24bafc);
  color: #fff !important;
  width: 28vw;
  margin: 10px 10px !important;
  border-radius: 6.5px;
}