body {
  padding-bottom: 5.2rem;
}

.navbar-main {
  height: 64px;
  background: #eb0e12;
}
.navbar-brand {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.navbar-brand img {
  height: 64px;
  width: auto;
}
.navbar-toggler:focus {
  outline: 0;
}
.navbar-toggler-icon {
  background: center center / cover no-repeat
    url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.navbar-collapse {
  left: 0;
  top: 100%;
  width: 100%;
  background: #ffffff;
  z-index: 1000;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.navbar-nav .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-nav .dropdown-menu.px-4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.navbar-nav .dropdown-menu div div {
  border-top: 1px solid #dddddd;
  padding-left: 2rem;
}

.navbar-nav .nav-item {
  border-bottom: 1px solid #dddddd;
  line-height: 3;
}
.navbar-nav .nav-item:first-child {
  border-top: 1px solid #dddddd;
}

.navbar-nav .dropdown-toggle::after {
  float: right;
  /* margin-top: 1.4em; */
  border: 0;
}
.navbar-nav .dropdown-toggle[aria-expanded=false]::after {
  content: '+';
}
.navbar-nav .dropdown-toggle[aria-expanded=true]::after {
  content: '-';
}

.navbar-nav .nav-link::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ">";
  float: right;
  color: #dddddd;
}

.w-30 {
  width: 28%;
}

.case-table {
  border: 1px solid #dee2e6;
  border-width: 1px 0;
}
.case-table td {
  border: 1px solid #dee2e6;
  text-align: center;
  vertical-align: middle;
  padding: 0.8em 2px;
}
.case-table td:first-child {
  border-left: 0;
}
.case-table td:last-child {
  border-right: 0;
}
.case-table p {
  margin: 0;
}
.case-table img.img-fluid {
  max-width: 70%;
}

.bg-btn {
  background-color: #efefef;
}

.btn-up-down {
  background-color: #ededed;
  position: relative;
}
.btn-up-down::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  content: "";
  display: block;
  transform: translate3d(-50%, -50%, 0);
  animation: 0.3 all linear;
}
.btn-up-down[aria-expanded="true"]::after {
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}

.fly-img {
  right: 5px;
  top: -10px;
}

.border-dashed {
  border-style: dotted !important;
}
.font-small {
  font-size: 0.9rem;
}
.font-very-small {
  font-size: 0.8rem;
}
.font-dust {
  font-size: 0.7rem;
}
.font-big {
  font-size: 1.1rem;
}
.font-very-big {
  font-size: 1.2rem;
}
.text-tip {
  color: #f5242f;
}
.icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: -15%;
  background: center / cover no-repeat;
}
.icon-note {
  background-image: url(../images/img/note.png);
}
.icon-gift {
  background-image: url(../images/img/gift.png);
}
.icon-figure {
  background-image: url(../images/img/figure.gif);
}

.icon-i {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background: url(../images/img/400sprite.png) left top no-repeat;
  transform: scale(0.8);
  transform-origin: 50% center;
}
.icon-i-1 {
  background-position: left top;
}
.icon-i-2 {
  background-position: left -32px;
}
.icon-i-3 {
  background-position: left -64px;
}
.icon-i-4 {
  background-position: left -96px;
}
.icon-i-5 {
  background-position: left -128px;
}
.icon-i-6 {
  background-position: left -160px;
}
.icon-i-7 {
  background-position: left -192px;
}
.icon-i-8 {
  background-position: left -224px;
}
.icon-i-9 {
  background-position: left -608px;
}
.icon-i-10 {
  background-position: left -640px;
}
.icon-i-11 {
  background-position: left -672px;
}
.icon-i-12 {
  background-position: left -512px;
}
.icon-i-13 {
  background-position: left -416px;
}
.icon-i-14 {
  background-position: left -544px;
}
.icon-i-15 {
  background-position: left -704px;
}
.icon-i-17 {
  background-position: left -320px;
}
.icon-i-19 {
  background-position: left -576px;
}
.icon-i-16 {
  background-position: left -736px;
}
.icon-i-18 {
  background-position: left -768px;
}
.icon-i-20 {
  background-position: left -448px;
}
.icon-i-21 {
  background-position: left -256px;
}
.icon-i-22 {
  background-position: left -384px;
}
.icon-i-23 {
  background-position: left -480px;
}
.icon-i-24 {
  background-position: left -800px;
}
.icon-mtr {
  width: 24px;
  height: 24px;
  background: url(../images/img/bus-train-icon.png) -24px top no-repeat;
  vertical-align: -35%;
  transform: scale(0.8);
}
.icon-bus {
  width: 24px;
  height: 24px;
  background: url(../images/img/bus-train-icon.png) -24px -28px no-repeat;
  vertical-align: -35%;
  transform: scale(0.8);
}
.icon-car {
  background: url(../images/img/car_h.png) center / 100% auto no-repeat;
}
.icon-t {
  background: url(../images/img/canyin_h.png) center / 100% auto no-repeat;
}
.icon-good {
  background: url(../images/img/icon-great.png) center / 100% auto no-repeat;
}

.b-type-a {
  background: linear-gradient(0deg, #ff512f, #f4202f) #f4222f;
}
.b-type-a img {
  right: 0;
  top: 0;
}
.b-type-a span {
  left: 1em;
  top: 1em;
  color: #f4222f;
}
.b-type-a .font-very-big {
  font-size: 1.5em;
  line-height: 1;
}

.btn-outline-dark:hover {
  color: inherit;
}

.border-top-red-3 {
  border-top: 3px solid #f4222f !important;
}

.img-with-same-height {
  width: auto;
  height: 12vw;
}

#txtWechatNo {
  background: none;
  color: #ffffff;
  border: 0;
}