/* 基础公共样式：清除默认样式 + 设置通用样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.navbar {
  --bs-navbar-padding-y: 0;
}
li {
  list-style: none;
}
body {
  font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
}
a {
  color: #333;
  text-decoration: none;
}
u {
  text-decoration: none;
}
i {
  font-style: normal;
}
body {
  background-color: #f2f2f2 !important;
}
.daohanglan {
  padding: 0;
}
@media (max-width: 768px) {
  .daohanglan {
    padding: 0 12px;
  }
}
@media (min-width: 768px) {
  .navbar-brand img {
    width: 100%;
    border-radius: 5px;
  }
}
.navbar-brand img {
  width: 100%;
  border-radius: 5px;
}
.collapse .form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex: 1;
}
.collapse .form .input-group input {
  outline: none;
  padding: 0.375rem 0.75rem;
  flex: 1;
  background: #fff;
  border: 1px solid #bdb9b9;
  border-radius: 0.375rem 0 0 0.375rem;
}
.collapse .form .input-group-append {
  padding-left: 1px;
}
.collapse .form .input-group-append .input-group-text {
  border-radius: 0 0.375rem 0.375rem 0;
}
.bi-person-fill {
  font-size: 30px;
}
.bg-body-tertiary {
  background-color: #fc4d9c !important;
}
.nav-item {
  margin-right: 15px;
}
.nav-item .nav-link {
  color: white;
}
@media (max-width: 768px) {
  .nav-item {
    margin-right: 15px;
  }
  .nav-item .nav-link {
    color: #666;
  }
}
@media (min-width: 768px) {
  .nav-item .nav-link:hover {
    color: #0e0b0b;
  }
}
.nav-link {
  font-size: 18px;
}
.yiduan {
  display: block;
  padding: 8px 8px 4px 8px;
  max-width: 100%;
  position: fixed;
  top: 58px;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #888888;
}
.yiduan div li a {
  color: #666;
}
.yiduan div li a span {
  display: inline-block;
  margin-right: 8px;
  vertical-align: auto;
}
.yiduan div li a:active {
  color: #fc4d9c;
}
.yiduan div li a:focus {
  color: #fc4d9c;
}
.shengm {
  margin-top: 8px;
  padding: 3px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  align-items: center;
  color: #fff;
  background-color: #fc4d9c;
}
.shengm a {
  color: #fff;
}
.navbar-nav .active {
  background-color: #636;
}
.navbar-nav .active a:hover {
  color: #fff;
}
.xxtc {
  display: none;
  position: fixed;
  max-width: 360px;
  padding: 5px;
  left: 50%;
  top: 50%;
  background-color: #cacaca;
  transform: translate(-50%);
  z-index: 1035;
  animation: move-right 0.1s ease-out 5;
}
.xxtc p {
  margin: auto;
  color: #fc4d9c;
}
@keyframes move-right {
  0% {
    transform: translate(-50%);
  }
  25% {
    transform: translate(-55%);
  }
  50% {
    transform: translate(-45%);
  }
  75% {
    transform: translate(-55%);
  }
  100% {
    transform: translate(-50%);
  }
}
.icon-xuanzhuan {
  display: inline-block;
  animation: xuanzhuan 1s ease-out infinite;
}
@keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(72deg);
  }
  40% {
    transform: rotate(144deg);
  }
  60% {
    transform: rotate(216deg);
  }
  80% {
    transform: rotate(288deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.slide-up {
  animation: slide1 0.7s forwards;
}
@keyframes slide1 {
  0% {
    bottom: -55px;
  }
  100% {
    bottom: 0;
  }
}
.slide-down {
  animation: slide2 0.7s forwards;
}
@keyframes slide2 {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -55px;
  }
}
body,
html {
  overflow-x: hidden;
}
#fabu,
#vip {
  cursor: pointer;
}
.zhezhao {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1031;
}
.xxqr {
  position: fixed;
  display: none;
  text-align: center;
  width: 340px;
  z-index: 1031;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  background-color: #fff;
  border-radius: 5px;
}
.xxqr .w {
  padding: 10px 0;
  font-weight: 500;
  border-bottom: 1px solid #999;
}
.xxqr .e {
  padding: 10px 10px;
}
.xxqr .q {
  display: flex;
  padding-bottom: 10px;
  justify-content: space-around;
  border: 0;
}
.xxqr .q button {
  padding: 2px 10px;
  background-color: #fc4d9c;
  border: 1px solid #fc4d9c;
  color: #fff;
  border-radius: 5px;
}
.youlian {
  margin-top: 5px;
  --bs-gutter-x: 0rem margin-top: 8px;
  font-size: 16px;
  background: #fff;
}
.youlian div {
  text-align: center;
  font-weight: bold;
  text-shadow: #feacae 0 0 5px;
  background-color: #967788;
  border-bottom: #fc4d9c;
}
.youlian ul {
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  color: #333;
}
.youlian ul a {
  margin-right: 8px;
  margin-bottom: 5px;
  padding: 2px 1px;
  border-radius: 5px;
  color: #fff;
  background-color: #fc4d9c;
}