.wrap {
  box-sizing: border-box;
  padding-bottom: 2rem;
  background-color: #f5fafb;
}
.swiper-container {
  width: 10rem;
  height: 5rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.swiper-container .swiper-scrollbar {
  left: 50%;
  transform: translateX(-50%);
  width: 0.64rem;
  height: 0.053rem;
  bottom: 0.267rem;
}
.swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: linear-gradient(90deg, #2bacff 0%, #1374ff 100%);
  border-radius: 0.04rem;
}
.swiper-container a {
  width: 100%;
  height: 100%;
}
.swiper-container img {
  width: 100%;
  height: 100%;
}
.nav_list {
  box-sizing: border-box;
  padding-top: 0.267rem;
  padding-bottom: 0.24rem;
  margin-top: 0.32rem;
  width: 10rem;
  background-color: #ffffff;
  display: flex;
  border-top: 0.013rem solid #e8e8e8;
  border-bottom: 0.013rem solid #e8e8e8;
}
.nav_list .nav_inner {
  display: inline-block;
  flex: 1;
}
.nav_list .nav_inner .nav_img {
  margin: auto;
  width: 1.173rem;
  height: 1.173rem;
  border-radius: 50%;
}
.nav_list .nav_inner .nav_text {
  margin-top: 0.08rem;
  text-align: center;
  font-size: 0.267rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #2d3134;
  line-height: 0.373rem;
}
.con_box {
  margin-top: 0.267rem;
  width: 10rem;
  box-sizing: border-box;
  padding: 0.453rem 0.267rem 0.507rem 0.267rem;
  background-color: #ffffff;
  font-size: 0rem;
}
.con_box .title_box {
  margin: auto;
  width: 8.987rem;
}
.con_box .title_box .title_text {
  display: inline-block;
  padding-left: 0.453rem;
  background-repeat: no-repeat;
  background-image: url("../img/icon_hot@2x.png");
  background-size: 0.427rem 0.427rem;
  background-position: left center;
  font-size: 0.427rem;
  font-family: PingFangSC;
  font-weight: 500;
  color: #2d3134;
  line-height: 0.587rem;
}
.con_box .title_box .right_text {
  float: right;
  padding-right: 0.267rem;
  background-repeat: no-repeat;
  background-image: url("../img/icon_more@2x.png");
  background-size: 0.16rem 0.267rem;
  background-position: right center;
  font-size: 0.32rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: #8b929b;
  line-height: 0.453rem;
}
.con_box .con_inbox {
  margin-top: 0.187rem;
}
.con_box .con_inbox .left_imgbox {
  position: relative;
  display: inline-block;
  width: 4.667rem;
  height: 4.667rem;
  border-radius: 0.16rem;
}
.con_box .con_inbox .left_imgbox img {
  width: 100%;
  height: 100%;
}
.con_box .con_inbox .left_imgbox i {
  position: absolute;
  right: 0rem;
  top: 0rem;
  padding: 0.08rem 0.267rem 0.053rem 0.293rem;
  background: rgba(5, 12, 25, 0.2);
  border-radius: 0px 0.16rem 0px 0.16rem;
  font-size: 0.32rem;
  font-family: DIN;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.4rem;
}
.con_box .con_inbox .right_box {
  float: right;
}
.con_box .con_inbox .right_box .right_imgbox {
  position: relative;
  display: inline-block;
  width: 4.667rem;
  height: 2.267rem;
  border-radius: 0.16rem;
}
.con_box .con_inbox .right_box .right_imgbox img {
  width: 100%;
  height: 100%;
}
.con_box .con_inbox .right_box .right_imgbox i {
  position: absolute;
  right: 0rem;
  top: 0rem;
  padding: 0.08rem 0.267rem 0.053rem 0.293rem;
  background: rgba(5, 12, 25, 0.2);
  border-radius: 0px 0.16rem 0px 0.16rem;
  font-size: 0.32rem;
  font-family: DIN;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.4rem;
}
.con_box .con_inbox .right_box .btn_box {
  margin-top: 0.133rem;
}
.con_box .con_inbox .right_box .btn_box .btn {
  display: inline-block;
  box-sizing: border-box;
  padding-right: 0.213rem;
  width: 2.267rem;
  height: 2.267rem;
  background: #f4fbff;
  border-radius: 0.16rem;
}
.con_box .con_inbox .right_box .btn_box .btn .btn_img {
  margin-left: 1.413rem;
  margin-top: 0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
}
.con_box .con_inbox .right_box .btn_box .btn .title {
  margin-top: 0.24rem;
  text-align: right;
  font-size: 0.32rem;
  font-family: PingFangSC;
  font-weight: 500;
  color: #58626c;
  line-height: 0.453rem;
}
.con_box .con_inbox .right_box .btn_box .btn .tip {
  text-align: right;
  font-size: 0.267rem;
  font-family: PingFangSC;
  font-weight: 300;
  color: #8b929b;
  line-height: 0.373rem;
  white-space: nowrap;
}
.con_box .con_inbox .right_box .btn_box .btn:nth-of-type(2) {
  float: right;
  background: #fff8ef;
}