@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css");
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
#pyxis dl,
#pyxis ol,
#pyxis ul {
  margin-top: 0;
  margin-bottom: 0;
}
#pyxis ol,
#pyxis ul {
  padding-left: 0;
}
#pyxis p {
  font-size: 14px;
}
#pyxis .warp {
  width: 896px !important;
}
#pyxis .title {
  padding: 0;
}
#pyxis .title .pyxis-title {
  text-align: center;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-weight: 700 !important;
  background: linear-gradient(to right, #f15b22, #005495);
  margin-bottom: 20px;
}
#pyxis .title .pyxis-title:hover {
  animation: headShake;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  /* don't forget to set a duration! */
}
#pyxis .title img {
  width: 100%;
}
#pyxis .pyxis-h3 {
  color: #1f518c;
  font-weight: 700;
}
#pyxis .pyxis-h5 {
  font-weight: 700;
  color: #1f518c;
}
#pyxis .pyxis-h6 {
  font-weight: 700;
  font-size: 12px;
  color: #999;
}
#pyxis .pyxis-h4 {
  margin-top: 15px;
  text-align: center;
  border-radius: 10px;
  line-height: 30px;
  color: #fff;
  height: 30px;
  font-size: 16px;
  background: linear-gradient(to right, #2a3156, #227dbc);
}
#pyxis .pyxis-flex {
  display: flex;
}
#pyxis .pyxis-flex .pyxis-flex-left {
  flex: 1;
}
#pyxis .pyxis-flex .pyxis-flex-right {
  flex: 1;
}
#pyxis .pyxis-list ul li {
  font-size: 14px;
}
#pyxis .pyxis-list ul li:hover {
  color: #f15b22;
}
#pyxis .pyxis-list ul li::before {
  content: "●";
  display: inline-block;
  margin-right: 5px;
  color: #1f518c;
}
#pyxis .pyxis-table-goods {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  border: 2px solid #7f93b9 !important;
}
#pyxis .pyxis-table-goods tbody tr:nth-child(1) {
  color: #005495 !important;
}
#pyxis .pyxis-table-goods tbody tr:hover {
  background-color: #1f518c;
  color: #fff;
}
#pyxis .pyxis-table-goods tbody tr td {
  padding: 10px !important;
  border: 1px #7f93b9 solid;
}
#pyxis .pyxis-table-Specifications {
  width: 100%;
  border: none !important;
  border-collapse: collapse;
  text-align: center;
}
#pyxis .pyxis-table-Specifications thead tr {
  background-color: #82bcdf;
  border: none !important;
}
#pyxis .pyxis-table-Specifications thead tr th {
  border: none !important;
  color: #fff;
  padding: 10px;
}
#pyxis .pyxis-table-Specifications tbody {
  background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}
#pyxis .pyxis-table-Specifications tbody tr {
  border: none !important;
}
#pyxis .pyxis-table-Specifications tbody tr td {
  padding: 10px;
  border: 1px solid #fff;
}
#pyxis .pyxis-table-Specifications tbody tr td .Highlight {
  color: #005495;
}
#pyxis .pyxis-table-Specifications tbody tr td:nth-child(1) {
  color: #005495;
}