page {
  background: #f9f9f9;
}
.top_view {
  margin-left: 21rpx;
}
.top_backimg,
.top_view {
  height: 235rpx;
  width: 708rpx;
}
.top_backimg {
  display: block;
}
.top_banner {
  height: 235rpx;
  position: absolute;
  width: 708rpx;
}
.title_view {
  height: 80rpx;
  padding-left: 3%;
  padding-right: 3%;
  position: absolute;
  top: 45rpx;
  width: 94%;
}
.title_view_text_view {
  float: left;
  height: 100rpx;
  width: 23%;
}
.title_view_text_top {
  color: #333;
  font-size: 28rpx;
  text-align: center;
  width: 150rpx;
}
.title_view_text_down {
  color: #555;
  font-size: 20rpx;
  text-align: center;
  width: 150rpx;
}
.jindu_modle {
  float: left;
  height: 75rpx;
  padding-top: 25rpx;
  width: 54%;
}
.jindu_modle_tiao {
  background: #f0f0f0;
  border-radius: 200rpx;
  height: 6rpx;
  width: 365rpx;
}
.jindu_modle_tiao_shiji {
  background: #333;
  border-bottom-left-radius: 200rpx;
  border-top-left-radius: 200rpx;
  float: left;
  height: 6rpx;
}
.jindu_modle_tiao_shiji_img {
  background: #fff;
  display: block;
  float: left;
  height: 19rpx;
  margin-left: -17rpx;
  margin-top: -5rpx;
  width: 19rpx;
}
.zhizhen_modle {
  height: 100rpx;
  margin-top: 100rpx;
  width: 100%;
}
.zhizhen_modle_view {
  height: 62rpx;
  width: 170rpx;
}
.zhizhen_modle_img,
.zhizhen_modle_text {
  height: 62rpx;
  position: absolute;
  width: 170rpx;
}
.zhizhen_modle_text {
  color: #fff;
  font-size: 24rpx;
  line-height: 75rpx;
  text-align: center;
}
.bottom_border {
  border: 1rpx solid #f0f0f0;
  border-radius: 20rpx;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1);
  margin-left: 3%;
  margin-top: 20rpx;
  overflow: hidden;
  padding-bottom: 30rpx;
  width: 94%;
}
.bottom_border_title {
  border-bottom: 1rpx solid #f0f0f0;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
}
.bottom_border_title,
.bottom_border_title_view {
  color: #333;
  font-size: 30rpx;
  margin-left: 3%;
  width: 94%;
}
.bottom_border_title_view {
  height: 70rpx;
  line-height: 70rpx;
  margin-top: 20rpx;
}
.bottom_border_title_view_index {
  width: 36%;
}
.bottom_border_title_view_index,
.bottom_border_title_view_last {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.bottom_border_title_view_last {
  width: 25%;
}
.bottom_border_title_view_last_img {
  display: block;
  float: right;
  height: 40rpx;
  margin-top: 15rpx;
  width: 40rpx;
}
.bottom_border_btn {
  background: #3d61f0;
  border-radius: 20rpx;
  color: #fff;
  font-size: 30rpx;
  height: 72rpx;
  line-height: 72rpx;
  margin: 20rpx 0rpx 0rpx 3%;
  padding: 0rpx;
  text-align: center;
  width: 94%;
}
button::after {
  border: none;
}
.jieshao_border {
  padding: 25rpx 30rpx 0;
}
.jieshao_view {
  color: #555;
  font-size: 28rpx;
  margin-top: 15rpx;
}
