.banner-box {
  width: 100%;
  height: 4.0506rem;
  background-color: goldenrod;
  background-image: url('/static/img/latest044-bj.png');
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 1.2658rem;
}
.banner-box h1 {
  text-align: center;
  font-size: 0.5696rem;
  color: #ffffff;
}
.daNav {
  width: 100%;
  background-color: #eeeeee;
}
.nav-box {
  margin: 0 auto;
  transform: translateY(-1.2658rem);
  max-width: 17.7215rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.nav-box .nav-item {
  display: inline-block;
  width: 4.1772rem;
  height: 6.3291rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.1899rem 0.3291rem 0.0253rem rgba(120, 120, 120, 0.18);
  border-radius: 0.3165rem;
}
.nav-box .nav-item .nav-ding {
  box-sizing: border-box;
  width: 100%;
  height: 1.8987rem;
  background-image: linear-gradient(90deg, #ffab96 0%, #ff0f47 100%);
  text-align: center;
  padding-top: 0.1899rem;
  border-top-right-radius: 0.3165rem;
  border-top-left-radius: 0.3165rem;
}
.nav-box .nav-item .nav-ding h3 {
  text-align: center;
  font-size: 0.3038rem;
  color: #ffffff;
}
.nav-box .nav-item .nav-ding .jia {
  padding-top: 0.0633rem;
  padding-bottom: 0.1266rem;
  font-size: 0.2278rem;
  color: #ffffff;
}
.nav-box .nav-item .nav-ding .jia span {
  font-size: 0.3797rem;
}
.nav-box .nav-item .nav-ding h4 {
  margin: 0 auto;
  width: 1.8987rem;
  height: 0.5063rem;
  border-radius: 0.2532rem;
  border: solid 0.0127rem #ffffff;
  font-size: 0.2278rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.5063rem;
}
.nav-box .nav-item .nav-ul {
  width: 100%;
  height: 3.5443rem;
  padding-left: 1.3924rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.nav-box .nav-item .nav-ul li {
  font-size: 0.2278rem;
  color: #989898;
  position: relative;
}
.nav-box .nav-item .nav-ul li::before {
  position: absolute;
  left: -0.2532rem;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.1266rem;
  height: 0.1266rem;
  border-radius: 50%;
  background-color: #bcbcbc;
}
.nav-box .nav-item .nav-dibu {
  margin: 0 auto;
  width: 2.1266rem;
  height: 0.5696rem;
  background-image: linear-gradient(90deg, #ffab96 0%, #ff0f47 100%);
  border-radius: 0.2911rem;
  font-size: 0.2532rem;
  line-height: 0.5696rem;
  letter-spacing: 0.0253rem;
  color: #ffffff;
  text-align: center;
}
.nav-box .nav-item2 {
  display: inline-block;
  width: 4.1772rem;
  height: 6.3291rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.1899rem 0.3291rem 0.0253rem rgba(120, 120, 120, 0.18);
  border-radius: 0.3165rem;
}
.nav-box .nav-item2 .nav-ding {
  box-sizing: border-box;
  width: 100%;
  height: 1.8987rem;
  background-image: linear-gradient(90deg, #f7cb6b 0%, #fba980 100%);
  text-align: center;
  padding-top: 0.1899rem;
  border-top-right-radius: 0.3165rem;
  border-top-left-radius: 0.3165rem;
}
.nav-box .nav-item2 .nav-ding h3 {
  text-align: center;
  font-size: 0.3038rem;
  color: #ffffff;
}
.nav-box .nav-item2 .nav-ding .jia {
  padding-top: 0.0633rem;
  padding-bottom: 0.1266rem;
  font-size: 0.2278rem;
  color: #ffffff;
}
.nav-box .nav-item2 .nav-ding .jia span {
  font-size: 0.3797rem;
}
.nav-box .nav-item2 .nav-ding h4 {
  margin: 0 auto;
  width: 1.8987rem;
  height: 0.5063rem;
  border-radius: 0.2532rem;
  border: solid 0.0127rem #ffffff;
  font-size: 0.2278rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.5063rem;
}
.nav-box .nav-item2 .nav-ul {
  width: 100%;
  height: 3.5443rem;
  padding-left: 1.3924rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.nav-box .nav-item2 .nav-ul li {
  font-size: 0.2278rem;
  color: #989898;
  position: relative;
}
.nav-box .nav-item2 .nav-ul li::before {
  position: absolute;
  left: -0.2532rem;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.1266rem;
  height: 0.1266rem;
  border-radius: 50%;
  background-color: #bcbcbc;
}
.nav-box .nav-item2 .nav-dibu {
  margin: 0 auto;
  width: 2.1266rem;
  height: 0.5696rem;
  background-image: linear-gradient(90deg, #f7cb6b 0%, #fba980 100%);
  border-radius: 0.2911rem;
  font-size: 0.2532rem;
  line-height: 0.5696rem;
  letter-spacing: 0.0253rem;
  color: #ffffff;
  text-align: center;
}
.nav-box .nav-item3 {
  display: inline-block;
  width: 4.1772rem;
  height: 6.3291rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.1899rem 0.3291rem 0.0253rem rgba(120, 120, 120, 0.18);
  border-radius: 0.3165rem;
  box-sizing: border-box;
}
.nav-box .nav-item3 .nav-ding {
  box-sizing: border-box;
  width: 100%;
  height: 1.8987rem;
  border-top-right-radius: 0.3165rem;
  border-top-left-radius: 0.3165rem;
  background-image: linear-gradient(-18deg, #7683d9 0%, #d8a0fe 100%);
  text-align: center;
  padding-top: 0.1899rem;
  position: relative;
}
.nav-box .nav-item3 .nav-ding .remai {
  position: absolute;
  top: -0.3797rem;
  right: -0.1899rem;
  width: 1.2658rem;
  height: 1.2658rem;
  object-fit: contain;
}
.nav-box .nav-item3 .nav-ding h3 {
  text-align: center;
  font-size: 0.3038rem;
  color: #ffffff;
}
.nav-box .nav-item3 .nav-ding .jia {
  padding-top: 0.0633rem;
  padding-bottom: 0.1266rem;
  font-size: 0.2278rem;
  color: #ffffff;
}
.nav-box .nav-item3 .nav-ding .jia span {
  font-size: 0.3797rem;
}
.nav-box .nav-item3 .nav-ding h4 {
  margin: 0 auto;
  width: 1.8987rem;
  height: 0.5063rem;
  border-radius: 0.2532rem;
  border: solid 0.0127rem #ffffff;
  font-size: 0.2278rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.5063rem;
}
.nav-box .nav-item3 .nav-ul {
  width: 100%;
  height: 3.5443rem;
  padding-left: 1.3924rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.nav-box .nav-item3 .nav-ul li {
  font-size: 0.2278rem;
  color: #989898;
  position: relative;
}
.nav-box .nav-item3 .nav-ul li::before {
  position: absolute;
  left: -0.2532rem;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.1266rem;
  height: 0.1266rem;
  border-radius: 50%;
  background-color: #bcbcbc;
}
.nav-box .nav-item3 .nav-dibu {
  margin: 0 auto;
  width: 2.1266rem;
  height: 0.5696rem;
  background-image: linear-gradient(-18deg, #7683d9 0%, #d8a0fe 100%);
  border-radius: 0.2911rem;
  font-size: 0.2532rem;
  line-height: 0.5696rem;
  letter-spacing: 0.0253rem;
  color: #ffffff;
  text-align: center;
}
.nav-box .nav-item4 {
  display: inline-block;
  width: 4.1772rem;
  height: 6.3291rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.1899rem 0.3291rem 0.0253rem rgba(120, 120, 120, 0.18);
  border-radius: 0.3165rem;
}
.nav-box .nav-item4 .nav-ding {
  box-sizing: border-box;
  width: 100%;
  height: 1.8987rem;
  background-image: linear-gradient(-90deg, #015eea 0%, #00c0fa 100%);
  text-align: center;
  padding-top: 0.1899rem;
  border-top-right-radius: 0.3165rem;
  border-top-left-radius: 0.3165rem;
}
.nav-box .nav-item4 .nav-ding h3 {
  text-align: center;
  font-size: 0.3038rem;
  color: #ffffff;
}
.nav-box .nav-item4 .nav-ding .jia {
  padding-top: 0.0633rem;
  padding-bottom: 0.1266rem;
  font-size: 0.2278rem;
  color: #ffffff;
}
.nav-box .nav-item4 .nav-ding .jia span {
  font-size: 0.3797rem;
}
.nav-box .nav-item4 .nav-ding h4 {
  margin: 0 auto;
  width: 1.8987rem;
  height: 0.5063rem;
  border-radius: 0.2532rem;
  border: solid 0.0127rem #ffffff;
  font-size: 0.2278rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.5063rem;
}
.nav-box .nav-item4 .nav-ul {
  width: 100%;
  height: 3.5443rem;
  padding-left: 1.3924rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.nav-box .nav-item4 .nav-ul li {
  font-size: 0.2278rem;
  color: #989898;
  position: relative;
}
.nav-box .nav-item4 .nav-ul li::before {
  position: absolute;
  left: -0.2532rem;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.1266rem;
  height: 0.1266rem;
  border-radius: 50%;
  background-color: #bcbcbc;
}
.nav-box .nav-item4 .nav-dibu {
  margin: 0 auto;
  width: 2.1266rem;
  height: 0.5696rem;
  background-image: linear-gradient(-90deg, #015eea 0%, #00c0fa 100%);
  border-radius: 0.2911rem;
  font-size: 0.2532rem;
  line-height: 0.5696rem;
  letter-spacing: 0.0253rem;
  color: #ffffff;
  text-align: center;
}
.tabulation-box {
  width: 100%;
  height: 12.6582rem;
  background-color: #eeeeee;
}
.table_box_big {
  margin: 0 auto;
  max-width: 17.7215rem;
  height: 11.3924rem;
  overflow: auto;
  position: relative;
}
.table_box {
  overflow: hidden;
  margin: 0 auto;
  max-width: 17.7215rem;
  height: 11.3924rem;
  overflow: auto;
  padding-top: 2.4051rem;
}
.ding {
  z-index: 11;
  position: absolute;
  top: 0;
}
.ding thead tr th {
  font-size: 0.2278rem;
}
.table_tbody_box {
  background-color: #fff;
  border: solid 0.0127rem #d2d2d2;
  border-radius: 0.0633rem;
  margin-bottom: 0.1266rem;
}
.table_tbody_box:first-child {
  border-top: 0rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}
.table_tbody_box table tr td {
  font-size: 0.2025rem;
}
.table_tbody_box table tr td p {
  font-size: 0.1772rem;
  color: #989898;
}
.table_tbody_box table tr td:last-child {
  border-right: 0;
}
.table_tbody_box table tr:last-child td {
  border-bottom: 0 !important;
}
.ding {
  border: solid 0.0127rem #d2d2d2;
  border-bottom: 0;
  background-color: #fff;
  border-top-left-radius: 0.0633rem;
  border-top-right-radius: 0.0633rem;
}
.double-width {
  width: 5.4177rem;
}
.di-kuan {
  width: 1.7089rem;
  border-bottom: 0;
}
.er-kuan {
  width: 3.6835rem;
}
.double-yi {
  position: relative;
}
.double-yi::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0.0633rem;
  background-image: linear-gradient(90deg, #ffab96 0%, #ff0f47 100%);
}
.double-er {
  position: relative;
}
.double-er::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0.0633rem;
  background-image: linear-gradient(90deg, #f7cb6b 0%, #fba980 100%);
}
.double-san {
  position: relative;
}
.double-san::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0.0633rem;
  background-image: linear-gradient(-18deg, #7683d9 0%, #d8a0fe 100%);
}
.zuiHou {
  position: relative;
  border-right: 0;
}
.zuiHou::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0.0633rem;
  background-image: linear-gradient(-90deg, #015eea 0%, #00c0fa 100%);
}
table thead tr th {
  width: 3.038rem;
  height: 1.7722rem;
  border-right: 0.0127rem solid #eeeeee;
  border-bottom: 0.0127rem solid #eeeeee;
  text-align: center;
  word-break: keep-all;
  padding: 0.0253rem 0.1266rem;
}
table tbody tr td {
  width: 3.038rem;
  height: 0.6329rem;
  border-right: 0.0127rem solid #eeeeee;
  text-align: center;
  border-bottom: 0.0127rem solid #eeeeee;
  word-break: keep-all;
  padding: 0.0253rem 0.1266rem;
}
.er-width th {
  height: 0.6329rem;
}
.er-width .fuwunei2 {
  width: 1.4177rem;
}
.btn-primaryww {
  width: 100%;
  height: 1.8987rem;
  background-color: #eeeeee;
  position: relative;
}
.btn-primaryaa {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 3.5443rem;
  height: 0.8228rem;
  background-color: #c5082c;
  box-shadow: 0rem 0.1899rem 0.3291rem 0.0253rem rgba(197, 8, 44, 0.25);
  border-radius: 0.4177rem;
  font-size: 0.3038rem;
  color: #f5f5f5;
  text-align: center;
  line-height: 0.8228rem;
  cursor: pointer;
}
.nav-item {
  transition: all 0.3s;
}
.nav-item:hover {
  transform: translateY(-0.2532rem);
}
.nav-item2 {
  transition: all 0.3s;
}
.nav-item2:hover {
  transform: translateY(-0.2532rem);
}
.nav-item3 {
  transition: all 0.3s;
}
.nav-item3:hover {
  transform: translateY(-0.2532rem);
}
.nav-item4 {
  transition: all 0.3s;
}
.nav-item4:hover {
  transform: translateY(-0.2532rem);
}