body {
  min-width: 320px;
  max-width: 750px;
  margin: 0px auto;
  background-color: #ededed;
}
body .root {
  width: 100%;
  padding-top: 2.36rem;
}
body .root > p {
  width: 100%;
  font-size: 30px;
  color: black;
  text-align: center;
}
body .root .navbar {
  padding: 0.893333rem 0.533333rem 0.6rem;
}
body .root .navbar .start-bar {
  height: 0.8rem;
  width: 100%;
  margin-bottom: 0.4rem;
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 100;
}
body .root .navbar .start-bar > ul {
  height: 100%;
  width: 1135px !important;
  padding: 0px 0.533rem;
}
body .root .navbar .start-bar > ul .bar {
  padding: 0px 15px;
  height: 100%;
  border-radius: 0.36rem;
  color: black;
  text-align: center;
  line-height: 0.8rem;
  font-size: 14px;
  float: left;
}
body .root .navbar .start-bar .active {
  background-color: red;
  color: white !important;
}
body .root .navbar .banner-lb {
  width: 100%;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-top: 1.2rem;
}
body .root .navbar .banner-lb .banner-img {
  width: 100%;
  height: 100%;
  display: none;
}
body .root .navbar .banner-lb .banner-img .imgBox {
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
}
body .root .navbar .banner-lb .banner-img .imgBox > img {
  width: 100%;
  height: auto;
  max-height: 222px;
  border-radius: 0.4rem;
}
body .root .navbar .swiper-pagination {
  width: 100%;
  position: static;
  text-align: center;
}
body .root .navbar .swiper-pagination > span {
  margin: 0.133333rem;
}
body .root .navbar .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: red;
}
body .root .navbar .text {
  width: 100%;
  margin-top: 0.466667rem;
  display: none;
}
body .root .navbar .text .text2 {
  width: 100%;
  font-size: 18px;
  text-align: left;
  color: black;
}
body .root .navbar .text .text3 {
  width: 100%;
  font-size: 14px;
  margin-top: 0.213333rem;
  text-align: left;
  color: black;
}
body .root .navbar .text .text4 {
  display: block;
  margin-top: 0.373333rem;
  font-size: 12px;
  width: 100%;
  text-align: left;
  color: red;
}
body .root .navbar .text .text4 > i {
  font-size: 0.32rem;
}
body .root .navbar .textBoxActive {
  display: block;
}
body .root .navbar > p {
  width: 100%;
  font-size: 0.4rem;
  text-align: center;
  color: black;
  margin: 1.2rem 0px 0.4rem;
  font-weight: 800;
}
body .root .navbar .chart {
  width: 100%;
  height: 5rem;
  background-color: white;
  padding: 0.4rem 0.4rem;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 0.533rem;
}
body .root .navbar .chart > div {
  width: 33%;
  text-align: center;
}
body .root .navbar .chart > div > p {
  color: #222222;
  font-size: 0.4rem;
  font-weight: 800;
}
body .root .navbar .chart > div > p:nth-child(2) {
  color: #838383;
  min-height: 0.5rem;
  font-size: 10px;
}
body .root .textbar {
  width: 100%;
  background-color: white;
  padding: 0.733333rem 0px 0rem;
}
body .root .textbar > p {
  width: 100%;
  text-align: center;
  color: black;
  font-size: 0.32rem;
}
body .root .textbar .abstract-btn {
  width: 6rem;
  height: 0.8rem;
  background-color: #ededed;
  border-radius: 0.4rem;
  margin: 0.4rem auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}
body .root .textbar .abstract-btn > div {
  width: 30%;
  height: 100%;
  background-color: red;
  border-radius: 0.4rem;
  color: white;
  text-align: center;
  line-height: 0.827rem;
}
body .root .textbar .abstract-btn > input {
  width: 70%;
  height: 100%;
  background-color: #ededed;
  color: #6c6c6c;
  padding-left: 0.667rem;
}
body .root .textbar .pull-down {
  width: 100%;
  margin-top: 0.96rem;
  color: red;
  padding: 0.666667rem 0.533333rem;
}
body .root .textbar .pull-down > ul {
  width: 100%;
}
body .root .textbar .pull-down > ul > li {
  width: 100%;
  text-align: center;
}
body .root .textbar .pull-down > ul > li .pullBox {
  max-height: 0px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
}
body .root .textbar .pull-down > ul > li .pullBox .text {
  width: 100%;
  border-bottom: 1px solid #cfcccc;
  text-align: left;
  padding: 10px 0px;
}
body .root .textbar .pull-down > ul > li .pullBox .text .text2 {
  width: 100%;
  font-size: 15px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .root .textbar .pull-down > ul > li .pullBox .text .text3 {
  width: 100%;
  font-size: 14px;
  margin: 5px 0px;
  color: #999aaa;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .root .textbar .pull-down > ul > li .pullBox .text .text4 {
  font-size: 12px;
  width: 100%;
  color: red;
  vertical-align: middle !important;
}
body .root .textbar .pull-down > ul > li .pullBox .text .text4 > i {
  font-size: 0.266667rem !important;
}
body .root .textbar .pull-down > ul > li .dtactivedown {
  max-height: 1000px;
  -webkit-transition: max-height 0.5s linear;
  transition: max-height 0.5s linear;
}
body .root .textbar .pull-down > ul > li .dtactiveup {
  max-height: 0px;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
body .root .textbar .pull-down > ul .base-text {
  height: 1.146667rem;
  width: 100%;
  text-align: center;
  line-height: 1.2rem;
  border-bottom: 1px solid red;
  border-top: 1px solid red;
  margin-top: -1px;
  position: relative;
  font-size: 16px;
}
body .root .textbar .pull-down > ul .base-text > i {
  display: inline-block;
  position: absolute;
  right: 0.267rem;
  font-size: 0.48rem;
}
body .root .textbar .pull-down > ul .base-text .iactivedown {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
}
body .root .textbar .pull-down > ul .base-text .iactiveup {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
}
body .root .textbar .two {
  padding-bottom: 0.666667rem;
  margin-top: 0.533333rem;
}
@media screen and (min-height: 568px) and (max-height: 811px) {
  .twonav .title {
    margin-top: 0.5rem !important;
  }
  .twonav .vip {
    margin: 0.5rem auto 0.5rem !important;
  }
}