@charset "UTF-8";
/* 分页 */
.page_wrap {
  margin-top: 16px;
  text-align: center;
  font-size: 0;
}
.page_wrap a {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  background: #f5f5f5;
  border-radius: 2px;
  margin: 0 4px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  vertical-align: middle;
}
.page_wrap a:hover {
  background: #ef2f39;
  color: #fff;
  text-decoration: none;
}
.page_wrap a:hover.prev {
  background-image: url(imgs/icon_page_prev_on.png);
}
.page_wrap a:hover.next {
  background-image: url(imgs/icon_page_next_on.png);
}
.page_wrap a.prev {
  background-image: url(imgs/icon_page_prev.png);
  background-repeat: no-repeat;
  background-position: center;
}
.page_wrap a.next {
  background-image: url(imgs/icon_page_next.png);
  background-repeat: no-repeat;
  background-position: center;
}
.page_wrap span {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  background: #ef2f39;
  border-radius: 2px;
  padding: 0 11px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  margin: 0 4px;
  vertical-align: middle;
  color: #fff;
}
.page_wrap form {
  display: inline-block;
  margin-left: 24px;
  font-size: 0;
  vertical-align: middle;
}
.page_wrap form i {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  vertical-align: middle;
  font-style: normal;
}
.page_wrap form input[type=text] {
  width: 64px;
  height: 32px;
  text-align: center;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  margin: 0 8px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  vertical-align: middle;
  list-style: none;
  outline: none;
}
.page_wrap form input[type=text]:focus {
  border-color: #ef2f39;
}
.page_wrap form input[type=submit] {
  width: 53px;
  height: 32px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #f41919;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #f41919;
  vertical-align: middle;
  margin-left: 7px;
}

/* 筛选 */
.filter {
  padding-bottom: 24px;
  margin-bottom: 16px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.filter .filter_head {
  height: 49px;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  line-height: 49px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  padding-left: 16px;
}
.filter .filter_item {
  margin-top: 24px;
}
.filter .filter_item .filter_item_left {
  width: 102px;
  padding-left: 16px;
  height: 18px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.filter .filter_item .filter_item_right {
  width: 1090px;
  margin-top: -8px;
  font-size: 0;
}
.filter .filter_item .filter_item_right a {
  display: inline-block;
  margin-right: 24px;
  height: 18px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  margin-top: 8px;
}
.filter .filter_item .filter_item_right a:hover, .filter .filter_item .filter_item_right a.active {
  color: #ef2f39;
  text-decoration: none;
}
.filter .filter_item .filter_item_right .filter_inner_wrap {
  width: 1001px;
  padding: 16px 24px;
  padding-top: 8px;
  background: #fafafa;
  margin-top: 16px;
}
.filter .filter_item .filter_item_right .filter_inner_wrap a {
  margin-right: 28px;
  padding-left: 16px;
  background: url(imgs/icon_checkbox.png) no-repeat left;
}
.filter .filter_item .filter_item_right .filter_inner_wrap a.active {
  background: url(imgs/icon_checkbox_on.png) no-repeat left;
}
.filter .filter_item .filter_item_right.search_wrap input[type=text] {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  width: 208px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  list-style: none;
  outline: none;
  padding-left: 8px;
}
.filter .filter_item .filter_item_right.search_wrap input[type=text]:focus {
  border-color: #ef2f39;
}
.filter .filter_item .filter_item_right.search_wrap input[type=submit] {
  width: 76px;
  height: 32px;
  background: #ef2f39;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  margin-left: 7px;
  border: none;
}
.filter .filter_item .filter_item_right.search_wrap input[type=submit]:hover {
  background: #da111b;
}

.main_ranking {
  background: url(imgs/bg/main_ranking.png) no-repeat center top;
  background-size: 1920px auto;
  background-color: #fafafa;
  padding-bottom: 20px;
}
.main_ranking #position .position {
  color: #fff;
}
.main_ranking #position .position a {
  color: #fff;
}
.main_ranking .ranking_wrap .item_head {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 700;
  font-size: 18px;
  color: #111214;
  line-height: 27px;
  background: url(imgs/bg/ph_head.png) no-repeat left center;
  background-size: auto 27px;
  padding-left: 30px;
}
.main_ranking .ranking_wrap .item_head span {
  display: inline-block;
  margin-top: 3px;
}
.main_ranking .ranking_wrap .item_body {
  margin-top: 27px;
}
.main_ranking .ranking_wrap .ranking_left {
  width: 801px;
  height: 563px;
  background: linear-gradient(180deg, #ffe2d8 0%, #ffffff 12%);
  border-radius: 8px;
  margin-top: 30px;
  padding: 30px;
}
.main_ranking .ranking_wrap .ranking_left .item {
  float: left;
}
.main_ranking .ranking_wrap .ranking_left .item:first-child {
  margin-right: 65px;
}
.main_ranking .ranking_wrap .ranking_left li {
  padding-left: 36px;
  position: relative;
  margin-top: 16px;
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(1):before {
  content: "1";
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(1):before {
  content: "1";
  background: url("imgs/bg/item1.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(2):before {
  content: "2";
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(2):before {
  content: "2";
  background: url("imgs/bg/item2.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(3):before {
  content: "3";
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(3):before {
  content: "3";
  background: url("imgs/bg/item3.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(4):before {
  content: "4";
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(4):before {
  content: "4";
  background: url("imgs/bg/item4.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(5):before {
  content: "5";
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(5):before {
  content: "5";
  background: url("imgs/bg/item5.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_left li:nth-child(6):before {
  content: "6";
}
.main_ranking .ranking_wrap .ranking_left li:before {
  width: 24px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  background: url(imgs/bg/item5.png) no-repeat center center;
  background-size: 100%;
  line-height: 19px;
  padding-top: 2px;
}
.main_ranking .ranking_wrap .ranking_left .img_wrap {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 14px 14px 14px 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-right: 10px;
}
.main_ranking .ranking_wrap .ranking_left .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main_ranking .ranking_wrap .ranking_left .content_wrap {
  width: 139px;
  height: 22px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.main_ranking .ranking_wrap .ranking_left .content_wrap .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.main_ranking .ranking_wrap .ranking_left .content_wrap .desc {
  font-weight: 400;
  font-size: 12px;
  color: #848691;
  line-height: 17px;
  margin-top: 2px;
}
.main_ranking .ranking_wrap .ranking_left .label_wrap {
  width: 68px;
  height: 12px;
  background: url(imgs/icons/star.png) no-repeat left center;
  background-size: 100%;
  margin-top: 8px;
  position: relative;
}
.main_ranking .ranking_wrap .ranking_left .label_wrap span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(imgs/icons/star_on.png) no-repeat left center;
  background-size: auto 100%;
}
.main_ranking .ranking_wrap .ranking_left .btn_download {
  width: 75px;
  height: 32px;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #dbdbdb;
  font-weight: 400;
  font-size: 14px;
  color: #111214;
  text-align: center;
  line-height: 30px;
  margin-left: 16px;
  margin-top: 14px;
  cursor: pointer;
}
.main_ranking .ranking_wrap .ranking_right {
  width: 399px;
  height: 536px;
  background: linear-gradient(180deg, #ffeee8 6%, #ffffff 32%);
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: 57px;
  padding: 20px 30px;
}
.main_ranking .ranking_wrap .ranking_right .item_head {
  line-height: 27px;
  background: url(imgs/bg/ph_head1.png) no-repeat left center;
  background-size: auto 27px;
}
.main_ranking .ranking_wrap .ranking_right li {
  padding-left: 36px;
  position: relative;
  margin-top: 16px;
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(1):before {
  content: "1";
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(1):before {
  content: "1";
  background: url("imgs/bg/item1.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(2):before {
  content: "2";
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(2):before {
  content: "2";
  background: url("imgs/bg/item2.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(3):before {
  content: "3";
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(3):before {
  content: "3";
  background: url("imgs/bg/item3.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(4):before {
  content: "4";
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(4):before {
  content: "4";
  background: url("imgs/bg/item4.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(5):before {
  content: "5";
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(5):before {
  content: "5";
  background: url("imgs/bg/item5.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_wrap .ranking_right li:nth-child(6):before {
  content: "6";
}
.main_ranking .ranking_wrap .ranking_right li:before {
  width: 24px;
  height: 26px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  background: url(imgs/bg/item5.png) no-repeat center center;
  background-size: 100%;
  line-height: 19px;
  padding-top: 2px;
}
.main_ranking .ranking_wrap .ranking_right .img_wrap {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 14px 14px 14px 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-right: 10px;
}
.main_ranking .ranking_wrap .ranking_right .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main_ranking .ranking_wrap .ranking_right .content_wrap {
  width: 139px;
  height: 22px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.main_ranking .ranking_wrap .ranking_right .content_wrap .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.main_ranking .ranking_wrap .ranking_right .content_wrap .desc {
  font-weight: 400;
  font-size: 12px;
  color: #848691;
  line-height: 17px;
  margin-top: 2px;
}
.main_ranking .ranking_wrap .ranking_right .label_wrap {
  width: 68px;
  height: 12px;
  background: url(imgs/icons/star.png) no-repeat left center;
  background-size: 100%;
  margin-top: 8px;
  position: relative;
}
.main_ranking .ranking_wrap .ranking_right .label_wrap span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(imgs/icons/star_on.png) no-repeat left center;
  background-size: auto 100%;
}
.main_ranking .ranking_wrap .ranking_right .btn_download {
  width: 75px;
  height: 32px;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #dbdbdb;
  font-weight: 400;
  font-size: 14px;
  color: #111214;
  text-align: center;
  line-height: 30px;
  margin-left: 16px;
  margin-top: 14px;
  cursor: pointer;
}
.main_ranking .industry_wrap {
  width: 1200px;
  height: 557px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  margin-top: 16px;
  padding: 30px 30px 24px;
}
.main_ranking .industry_wrap .industry_head {
  height: 27px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 700;
  font-size: 18px;
  color: #111214;
  line-height: 27px;
}
.main_ranking .industry_wrap .industry_list {
  overflow: hidden;
  margin-top: 8px;
}
.main_ranking .industry_wrap .industry_list li {
  width: 148px;
  height: 101px;
  margin-right: 17px;
  margin-top: 16px;
  float: left;
  background: #f9f9f9;
  border-radius: 4px 4px 4px 4px;
}
.main_ranking .industry_wrap .industry_list li a {
  display: block;
}
.main_ranking .industry_wrap .industry_list li a img {
  width: 36px;
  margin-top: 19px;
}
.main_ranking .industry_wrap .industry_list li:hover {
  background: rgba(229, 2, 17, 0.04);
}
.main_ranking .industry_wrap .industry_list li:hover a {
  text-decoration: none;
}
.main_ranking .industry_wrap .industry_list li:nth-child(7n) {
  margin-right: 0;
}
.main_ranking .industry_wrap .industry_list li {
  text-align: center;
}
.main_ranking .industry_wrap .industry_list li p {
  font-weight: 400;
  font-size: 16px;
  color: #3d3d3d;
  margin-top: 6px;
}
.main_ranking .ranking_content {
  margin-top: 16px;
}
.main_ranking .ranking_content .ranking_content_left {
  width: 210px;
  height: 755px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 22px 8px;
}
.main_ranking .ranking_content .ranking_content_left li {
  margin-top: 4px;
  height: 56px;
  padding: 0 12px;
  line-height: 56px;
  border-radius: 8px 8px 8px 8px;
  cursor: pointer;
  font-size: 0;
}
.main_ranking .ranking_content .ranking_content_left li span {
  font-weight: 400;
  font-size: 16px;
  color: #111214;
  vertical-align: bottom;
}
.main_ranking .ranking_content .ranking_content_left li.active {
  background: #fef5f6;
}
.main_ranking .ranking_content .ranking_content_left li.active span {
  color: #e52f39;
}
.main_ranking .ranking_content .ranking_content_left li:first-child {
  margin-top: 0;
}
.main_ranking .ranking_content .ranking_content_left li img {
  width: 18px;
  margin-right: 6px;
}
.main_ranking .ranking_content .ranking_content_right {
  width: 968px;
  height: 755px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 20px;
}
.main_ranking .ranking_content .ranking_content_right .item {
  display: none;
}
.main_ranking .ranking_content .ranking_content_right .item.active {
  display: block;
}
.main_ranking .ranking_content .ranking_content_right .item .item_head {
  height: 27px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 700;
  font-size: 18px;
  color: #111214;
  line-height: 27px;
}
.main_ranking .ranking_content .ranking_content_right .item li {
  width: 220px;
  height: 293px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #f1f1f1;
  padding: 14px 16px;
  margin-top: 16px;
  float: left;
  margin-right: 16px;
  position: relative;
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(1):before {
  content: "1";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(1):before {
  content: "1";
  background: url("imgs/bg/tip1.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(2):before {
  content: "2";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(2):before {
  content: "2";
  background: url("imgs/bg/tip2.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(3):before {
  content: "3";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(3):before {
  content: "3";
  background: url("imgs/bg/tip3.png") no-repeat center center;
  background-size: 100%;
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(4):before {
  content: "4";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(5):before {
  content: "5";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(6):before {
  content: "6";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(7):before {
  content: "7";
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(8):before {
  content: "8";
}
.main_ranking .ranking_content .ranking_content_right .item li:before {
  width: 28px;
  height: 35px;
  position: absolute;
  right: 15px;
  top: 0px;
  margin: auto;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  background: url(imgs/bg/tip4.png) no-repeat center center;
  background-size: 100%;
  padding-top: 6px;
  padding-top: 2px;
}
.main_ranking .ranking_content .ranking_content_right .item li:nth-child(4n) {
  margin-right: 0;
}
.main_ranking .ranking_content .ranking_content_right .item li .img_wrap {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 12px 12px 12px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.main_ranking .ranking_content .ranking_content_right .item li .title {
  height: 22px;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 400;
  font-size: 14px;
  color: #111214;
  line-height: 22px;
  margin-top: 16px;
}
.main_ranking .ranking_content .ranking_content_right .item li .tag {
  height: 15px;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 15px;
  margin-top: 2px;
}
.main_ranking .ranking_content .ranking_content_right .item li .desc {
  height: 54px;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 400;
  font-size: 12px;
  color: #848691;
  line-height: 18px;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.main_ranking .ranking_content .ranking_content_right .item li .label_wrap {
  width: 68px;
  height: 12px;
  background: url(imgs/icons/star.png) no-repeat center center;
  background-size: auto 100%;
  margin-top: 16px;
}
.main_ranking .ranking_content .ranking_content_right .item li .label_wrap span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(imgs/icons/star_on.png) no-repeat center center;
  background-size: auto 100%;
}
.main_ranking .ranking_content .ranking_content_right .item li .btn_download {
  width: 88px;
  height: 32px;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #dbdbdb;
  margin-top: 16px;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #111214;
  cursor: pointer;
}
.main_ranking .ranking_content .ranking_content_right .more {
  width: 456px;
  height: 46px;
  background: #f6f6f7;
  border-radius: 8px 8px 8px 8px;
  margin: 24px auto;
  overflow: hidden;
}
.main_ranking .ranking_content .ranking_content_right .more a {
  display: block;
  text-align: center;
  line-height: 46px;
  font-weight: 400;
  font-size: 14px;
  color: #848691;
}
.main_ranking .ranking_content .ranking_content_right .more a:hover {
  background-color: #e52f39;
  color: #ffffff;
  text-decoration: none;
}

.ranking_list {
  background: #fafafa;
  padding-top: 27px;
  padding-bottom: 20px;
}
.ranking_list .ranking_content_left {
  width: 210px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 16px 8px;
}
.ranking_list .ranking_content_left .left_head {
  height: 25px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 18px;
  color: #111214;
  line-height: 25px;
  margin-left: 8px;
  margin-bottom: 16px;
}
.ranking_list .ranking_content_left li {
  margin-top: 4px;
  height: 54px;
  cursor: pointer;
  font-size: 0;
}
.ranking_list .ranking_content_left li span {
  font-weight: 400;
  font-size: 16px;
  color: #111214;
  vertical-align: bottom;
}
.ranking_list .ranking_content_left li.active a {
  background: #fef5f6;
}
.ranking_list .ranking_content_left li.active a span {
  color: #e52f39;
}
.ranking_list .ranking_content_left li a {
  padding: 0 12px;
  line-height: 56px;
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  display: block;
}
.ranking_list .ranking_content_left li a:hover, .ranking_list .ranking_content_left li a:focus {
  text-decoration: none;
}
.ranking_list .ranking_content_left li:first-child {
  margin-top: 0;
}
.ranking_list .ranking_content_left li img {
  width: 18px;
  margin-right: 6px;
}
.ranking_list .ranking_content_right {
  width: 968px;
  border-radius: 8px 8px 8px 8px;
}
.ranking_list .ranking_content_right .item .item_head {
  height: 39px;
  font-weight: 500;
  font-size: 18px;
  color: #111214;
  line-height: 39px;
  padding: 0 20px;
  background: linear-gradient(90deg, #ffffff 36%, rgba(255, 255, 255, 0) 100%);
  border-radius: 2px 2px 2px 2px;
}
.ranking_list .ranking_content_right .item li {
  width: 231px;
  height: 293px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 16px 20px;
  margin-top: 14px;
  float: left;
  margin-right: 14px;
  position: relative;
}
.ranking_list .ranking_content_right .item li:nth-child(1):before {
  content: "1";
}
.ranking_list .ranking_content_right .item li:nth-child(1):before {
  content: "1";
  background: url("imgs/bg/tip1.png") no-repeat center center;
  background-size: 100%;
}
.ranking_list .ranking_content_right .item li:nth-child(2):before {
  content: "2";
}
.ranking_list .ranking_content_right .item li:nth-child(2):before {
  content: "2";
  background: url("imgs/bg/tip2.png") no-repeat center center;
  background-size: 100%;
}
.ranking_list .ranking_content_right .item li:nth-child(3):before {
  content: "3";
}
.ranking_list .ranking_content_right .item li:nth-child(3):before {
  content: "3";
  background: url("imgs/bg/tip3.png") no-repeat center center;
  background-size: 100%;
}
.ranking_list .ranking_content_right .item li:nth-child(4):before {
  content: "4";
}
.ranking_list .ranking_content_right .item li:nth-child(5):before {
  content: "5";
}
.ranking_list .ranking_content_right .item li:nth-child(6):before {
  content: "6";
}
.ranking_list .ranking_content_right .item li:nth-child(7):before {
  content: "7";
}
.ranking_list .ranking_content_right .item li:nth-child(8):before {
  content: "8";
}
.ranking_list .ranking_content_right .item li:nth-child(9):before {
  content: "9";
}
.ranking_list .ranking_content_right .item li:nth-child(10):before {
  content: "10";
}
.ranking_list .ranking_content_right .item li:nth-child(11):before {
  content: "11";
}
.ranking_list .ranking_content_right .item li:nth-child(12):before {
  content: "12";
}
.ranking_list .ranking_content_right .item li:nth-child(13):before {
  content: "13";
}
.ranking_list .ranking_content_right .item li:nth-child(14):before {
  content: "14";
}
.ranking_list .ranking_content_right .item li:nth-child(15):before {
  content: "15";
}
.ranking_list .ranking_content_right .item li:nth-child(16):before {
  content: "16";
}
.ranking_list .ranking_content_right .item li:nth-child(17):before {
  content: "17";
}
.ranking_list .ranking_content_right .item li:nth-child(18):before {
  content: "18";
}
.ranking_list .ranking_content_right .item li:nth-child(19):before {
  content: "19";
}
.ranking_list .ranking_content_right .item li:nth-child(20):before {
  content: "20";
}
.ranking_list .ranking_content_right .item li:before {
  width: 28px;
  height: 35px;
  position: absolute;
  right: 15px;
  top: 0px;
  margin: auto;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  background: url(imgs/bg/tip4.png) no-repeat center center;
  background-size: 100%;
  padding-top: 6px;
  padding-top: 2px;
}
.ranking_list .ranking_content_right .item li:nth-child(4n) {
  margin-right: 0;
}
.ranking_list .ranking_content_right .item li .img_wrap {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border-radius: 12px 12px 12px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.ranking_list .ranking_content_right .item li .title {
  height: 22px;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 400;
  font-size: 14px;
  color: #111214;
  line-height: 22px;
  margin-top: 16px;
}
.ranking_list .ranking_content_right .item li .tag {
  height: 15px;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 15px;
  margin-top: 2px;
}
.ranking_list .ranking_content_right .item li .desc {
  height: 54px;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
  font-weight: 400;
  font-size: 12px;
  color: #848691;
  line-height: 18px;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ranking_list .ranking_content_right .item li .label_wrap {
  width: 68px;
  height: 12px;
  background: url(imgs/icons/star.png) no-repeat center center;
  background-size: auto 100%;
  margin-top: 16px;
}
.ranking_list .ranking_content_right .item li .label_wrap span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(imgs/icons/star_on.png) no-repeat center center;
  background-size: auto 100%;
}
.ranking_list .ranking_content_right .item li .btn_download {
  width: 88px;
  height: 32px;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #dbdbdb;
  margin-top: 16px;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #111214;
  cursor: pointer;
}

.main_bg {
  background-color: #fafafa !important;
}

.main .main_left {
  width: 880px;
}

.search_bar {
  border-bottom: 1px solid #eaeaea;
  padding: 0 20px;
  line-height: 60px;
  background-color: #ffffff;
}
.search_bar .search_bar_left a {
  margin-right: 32px;
  background: url(imgs/icons/bar_vistcount.png) no-repeat right center;
  background-size: 16px;
}
.search_bar .search_bar_left a:first-child {
  background: transparent;
}
.search_bar .search_bar_left .visitcount,
.search_bar .search_bar_left .download {
  padding-right: 20px;
}
.search_bar .search_bar_left .visitcount.active,
.search_bar .search_bar_left .download.active {
  background: url(imgs/icons/bar_vistcount_active.png) no-repeat right center;
  background-size: 16px;
}
.search_bar .search_bar_right {
  margin-top: 12px;
}
.search_bar .search_bar_right .item {
  width: 128px;
  height: 36px;
  background: #ffffff;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #eaeaea;
  float: left;
  margin-right: 12px;
  line-height: 34px;
  padding: 0 12px;
  font-weight: 400;
  font-size: 14px;
  color: #848691;
  position: relative;
  cursor: pointer;
}
.search_bar .search_bar_right .item:hover ul {
  display: block;
}
.search_bar .search_bar_right .item > span {
  position: absolute;
  top: 9px;
  right: 11px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(imgs/icons/ic_arrow.png) no-repeat center center;
  background-size: 16px;
}
.search_bar .search_bar_right .item ul {
  display: none;
  position: absolute;
  z-index: 99;
  top: 34px;
  left: -1px;
  right: 0px;
  width: 128px;
  background: #ffffff;
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #eaeaea;
  padding: 0px;
  margin: 0px;
}
.search_bar .search_bar_right .item ul li {
  line-height: 36px;
  font-weight: 400;
  font-size: 14px;
  color: #848691;
  text-align: center;
}
.search_bar .search_bar_right .item ul li a {
  padding: 0 12px;
  display: block;
}
.search_bar .search_bar_right .item ul li a:hover {
  text-decoration: none;
}

.side_panel {
  width: 304px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 16px 16px 20px;
  margin-bottom: 16px;
}
.side_panel .side_panel_head h2 {
  height: 21px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #111214;
  line-height: 21px;
  padding-left: 9px;
  margin: 0;
  position: relative;
}
.side_panel .side_panel_head h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 13px;
  background: #ef2f39;
}

.book-filter-bar {
  height: 56px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  padding: 17px 16px;
}
.book-filter-bar .bar_title {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  display: flex;
  align-items: center;
}
.book-filter-bar .bar_title .industry {
  color: #ef2f39;
}
.book-filter-bar .bar_title .count {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-left: 16px;
}
.book-filter-bar .bar_title .count span {
  color: #111;
}
.book-filter-bar .sort-wrap {
  display: flex;
  gap: 16px;
  margin-top: 3px;
}
.book-filter-bar .sort-wrap .sort-label {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}
.book-filter-bar .sort-wrap .sort-default {
  font-weight: 400;
  font-size: 12px;
  color: #e50211;
  line-height: 16px;
}
.book-filter-bar .sort-wrap a {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}

.book_list li {
  padding: 16px;
  height: 212px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  margin-top: 12px;
  display: flex;
  gap: 18px;
  position: relative;
}
.book_list li .img_wrap {
  width: 120px;
  height: 180px;
  flex-shrink: 0;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #f0f0f0;
}
.book_list li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.book_list li .content_wrap {
  width: 870px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.book_list li .content_wrap .title {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.book_list li .content_wrap .title .year {
  display: inline-block;
  background: #fff7f8;
  border-radius: 2px 2px 2px 2px;
  padding: 0 4px;
  font-weight: 400;
  font-size: 12px;
  color: #e50211;
  line-height: 22px;
  margin-left: 12px;
}
.book_list li .content_wrap .title img {
  height: 20px;
}
.book_list li .content_wrap .info {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}
.book_list li .content_wrap .info .info_item {
  margin-top: 8px;
}
.book_list li .content_wrap .info .info_item span {
  color: #111111;
}
.book_list li .content_wrap .info .info_item a {
  color: #1876e1;
  text-decoration: none;
}
.book_list li .content_wrap .info .info_item a:hover {
  color: #ef2f39;
}
.book_list li .content_wrap .info .info_item:first-child {
  margin-top: 0;
}
.book_list li .content_wrap .desc {
  height: 36px;
  background: #fafbff;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 36px;
  padding: 0 12px;
}
.book_list li .btn_wrap {
  flex: 1;
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
.book_list li .btn_wrap a {
  width: 104px;
  height: 36px;
  background: #e50211;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #e50211;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.book_list li .btn_wrap a:last-child {
  background: #ffffff;
  color: #111111;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #d8d8d8;
}
.book_list li .btn_wrap a:last-child:hover {
  color: #ef2f39;
}
.book_list li .price-group {
  position: absolute;
  top: 16px;
  right: 16px;
  text-align: right;
}
.book_list li .price-group .price {
  font-weight: 700;
  font-size: 16px;
  color: #e50211;
  line-height: 21px;
}
.book_list li .price-group .price span {
  margin-left: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #e50211;
}
.book_list li .price-group .tag-free {
  font-weight: 400;
  font-size: 16px;
  color: #34b266;
  line-height: 21px;
}
.book_list li .price-group .tag-vip {
  font-weight: 400;
  font-size: 16px;
  color: #ca8a1c;
  line-height: 21px;
}
.book_list.dzs_list li {
  height: 166px;
  gap: 30px;
}
.book_list.dzs_list li .img_wrap {
  width: 100px;
  height: 134px;
}
.book_list.dzs_list li .content_wrap {
  width: 877px;
}
.book_list.dzs_list li .content_wrap .info {
  display: flex;
  gap: 40px;
}
.book_list.dzs_list li .content_wrap .info .info_item {
  margin-top: 0;
}
.book_list.dzs_list li .content_wrap .desc {
  height: 62px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  white-space: wrap;
  word-break: break-word;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
}
.book_list.dzs_list li .content_wrap .desc p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
}
.book_list.dzs_list li .btn_wrap {
  justify-content: center;
}

.detail .panel_wrap {
  padding: 16px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 16px;
}
.detail .panel_wrap .panel_head {
  font-weight: 700;
  font-size: 18px;
  color: #111111;
  line-height: 26px;
}
.detail .detail_head {
  display: flex;
  gap: 24px;
}
.detail .detail_head .img_wrap {
  width: 432px;
  height: 432px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #ebebeb;
  padding: 17px 0;
  position: relative;
  flex-shrink: 0;
}
.detail .detail_head .img_wrap .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.detail .detail_head .img_wrap .tag {
  position: absolute;
  right: 16px;
  top: 12px;
}
.detail .detail_head .img_wrap .tag img {
  height: 24px;
}
.detail .detail_head .content_wrap {
  flex: 1;
  position: relative;
}
.detail .detail_head .content_wrap h1 {
  font-weight: 700;
  font-size: 20px;
  color: #111111;
  line-height: 28px;
  margin: 0;
  padding-right: 40px;
}
.detail .detail_head .content_wrap .price_wrap {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 10px;
}
.detail .detail_head .content_wrap .price_wrap .price {
  font-weight: 400;
  font-size: 16px;
  color: #e50211;
  line-height: 21px;
}
.detail .detail_head .content_wrap .price_wrap .price strong {
  font-size: 28px;
}
.detail .detail_head .content_wrap .price_wrap .tag {
  height: 22px;
  background: #e50211;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  padding: 0 4px;
}
.detail .detail_head .content_wrap .price_wrap .line {
  font-weight: 400;
  font-size: 13px;
  color: #999999;
  line-height: 17px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  align-self: flex-end;
  margin-bottom: 2px;
}
.detail .detail_head .content_wrap .promotion {
  font-weight: 400;
  font-size: 14px;
  color: #e50211;
  line-height: 22px;
  margin-top: 12px;
}
.detail .detail_head .content_wrap .info_wrap .info_item {
  display: flex;
  align-items: center;
  margin-top: 12px;
  line-height: 22px;
}
.detail .detail_head .content_wrap .info_wrap .info_item .info_label {
  width: 78px;
  height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.detail .detail_head .content_wrap .info_wrap .info_item a {
  color: #1876e1;
}
.detail .detail_head .content_wrap .info_wrap .info_item a:hover {
  color: #ef2f39;
}
.detail .detail_head .content_wrap .btn_wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}
.detail .detail_head .content_wrap .btn_wrap .btn_zx,
.detail .detail_head .content_wrap .btn_wrap .btn_gm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 134px;
  height: 44px;
  background: #f78a46;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.detail .detail_head .content_wrap .btn_wrap .btn_gm {
  background: #e50211;
}
.detail .detail_head .content_wrap .btn_wrap .btn_xz {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #1876e1;
  line-height: 20px;
  padding-left: 23px;
  background: url(imgs/icons/ic_down.png) no-repeat left center;
}
.detail .detail_head .content_wrap .star {
  position: absolute;
  right: 16px;
  top: 0px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.detail .recommend ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.detail .recommend ul li {
  width: 184px;
  height: 254px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  padding: 12px;
}
.detail .recommend ul li .img_wrap {
  width: 148px;
  height: 201px;
  margin: 0 auto;
}
.detail .recommend ul li:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.detail .recommend ul li .title {
  margin-top: 8px;
}
.detail .dzs_content {
  padding: 0;
}
.detail .dzs_content .dzsjj {
  height: 48px;
  border-bottom: 1px solid #eeeeee;
  padding: 0 24px;
  line-height: 48px;
}
.detail .dzs_content .dzsjj span {
  font-weight: 400;
  font-size: 16px;
  color: #111111;
  position: relative;
}
.detail .dzs_content .dzsjj span::after {
  content: "";
  width: 24px;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -13px;
  margin: auto;
  background: #111111;
}
.detail .dzs_content .sub_title {
  font-weight: 500;
  font-size: 18px;
  color: #111111;
  line-height: 24px;
  padding-left: 26px;
  background: url(imgs/icons/icon_book.png) no-repeat left;
  margin-top: 24px;
  margin-bottom: 16px;
}
.detail .dzs_content .article_content {
  padding: 0 24px;
  padding-bottom: 60px;
}
.detail .dzs_content .article_content .article_grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
}
.detail .dzs_content .article_content .article_grid > div:nth-child(odd) {
  width: 35%;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  margin-top: 8px;
}
.detail .dzs_content .article_content .article_grid > div:nth-child(even) {
  width: 65%;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  margin-top: 8px;
}
.detail .dzs_content .article_desc {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
}
.detail.dzqk_detail .detail_head .content_wrap h1 {
  gap: 8px;
}
.detail.dzqk_detail .detail_head .content_wrap h1 .tag {
  display: inline-flex;
  height: 22px;
  background: #3e8eff;
  border-radius: 2px 2px 2px 2px;
  padding: 0 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #ffffff;
  flex-shrink: 0;
  margin-top: 5px;
  margin-right: 4px;
}
.detail.dzqk_detail .detail_head .content_wrap .price_wrap {
  font-weight: 400;
  font-size: 13px;
  color: #e50211;
  line-height: 17px;
  align-items: flex-end;
  margin-bottom: 3px;
  gap: 4px;
}
.detail.dzqk_detail .detail_head .content_wrap .price_wrap .price {
  line-height: 1;
}
.detail.dzqk_detail .detail_head .content_wrap .desc {
  padding: 12px;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  background: #f8f9fc;
  border-radius: 4px 4px 4px 4px;
  margin-top: 12px;
}
.detail.dzqk_detail .detail_head .content_wrap strong {
  margin-right: 4px;
}
.detail.dzqk_detail .detail_head .content_wrap .info_wrap {
  display: flex;
  flex-wrap: wrap;
}
.detail.dzqk_detail .detail_head .content_wrap .info_wrap .info_item {
  width: 50%;
}
.detail.dzqk_detail .detail_head .content_wrap .info_wrap .info_item_other {
  width: 100%;
}
.detail.dzqk_detail .detail_head .content_wrap .info_wrap .info_item_other a {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: #1876e1;
  line-height: 22px;
  background: #f8f9fc;
  border-radius: 2px 2px 2px 2px;
  padding: 0 4px;
}
.detail.dzqk_detail .detail_head .content_wrap .info_wrap .info_item_other a:hover {
  background: #ef2f39;
  color: #ffffff;
  text-decoration: none;
}
.detail.dzqk_detail .detail_head .content_wrap .btn_wrap {
  gap: 12px;
}
.detail.dzqk_detail .detail_head .content_wrap .btn_wrap a {
  width: 192px;
  height: 44px;
  background: #e50211;
  border-radius: 4px 4px 4px 4px;
}
.detail.dzqk_detail .detail_head .content_wrap .btn_wrap a.btn_zx {
  height: 44px;
  background: #ffeded;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #e50211;
  color: #e50211;
}
.detail.dzqk_detail .detail_head .content_wrap .tip_wrap {
  margin-top: 8px;
}
.detail.dzqk_detail .detail_head .content_wrap .tip_wrap .vip_item {
  display: flex;
  align-items: center;
}
.detail.dzqk_detail .detail_head .content_wrap .tip_wrap .vip_item p {
  font-weight: 400;
  font-size: 13px;
  color: #999999;
  line-height: 17px;
  margin-left: 8px;
}
.detail.dzqk_detail .detail_head .content_wrap .tip_wrap .vip_item p a {
  color: #e50211;
  background: url(imgs/icons/icon_arrow_r.png) no-repeat right center;
  background-size: 10px;
  padding-right: 14px;
}
.detail.dzqk_detail .detail_head .content_wrap .tip_wrap .vip {
  height: 29px;
  font-weight: 400;
  font-size: 22px;
  color: #ca8a1c;
  line-height: 29px;
}
.detail.dzqk_detail .detail_head .content_wrap .tip_wrap .free {
  font-weight: 400;
  font-size: 22px;
  color: #34b266;
  line-height: 29px;
}
.detail.dzqk_detail .dzs_content {
  flex: 1;
}
.detail.dzqk_detail .dzs_content .dzsjj span {
  margin-right: 24px;
  cursor: pointer;
}
.detail.dzqk_detail .dzs_content .dzsjj span::after {
  display: none;
}
.detail.dzqk_detail .dzs_content .dzsjj span.active {
  font-weight: 700;
  font-size: 16px;
  color: #111111;
}
.detail.dzqk_detail .dzs_content .dzsjj span.active::after {
  display: block;
  background-color: #ef2f39;
}
.detail.dzqk_detail .main_content {
  display: flex;
  gap: 20px;
}
.detail.dzqk_detail .main_content .main_right {
  width: 304px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  align-self: start;
  padding: 16px;
}
.detail.dzqk_detail .main_content .main_right .main_head {
  font-weight: 400;
  font-size: 16px;
  color: #111111;
  line-height: 24px;
  padding-left: 4px;
}
.detail.dzqk_detail .main_content .main_right .main_head span {
  position: relative;
}
.detail.dzqk_detail .main_content .main_right .main_head span::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 13px;
  background: #ef2f39;
  border-radius: 2px 2px 2px 2px;
  margin-right: 8px;
}
.detail.dzqk_detail .main_content .main_right li {
  display: flex;
  gap: 12px;
  margin-top: 17px;
}
.detail.dzqk_detail .main_content .main_right li .img_wrap {
  width: 81px;
  height: 107px;
  overflow: hidden;
  flex-shrink: 0;
}
.detail.dzqk_detail .main_content .main_right li .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap {
  flex: 1;
  min-width: 1%;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap .title {
  font-weight: 400;
  font-size: 14px;
  color: #111111;
  line-height: 22px;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap .tag {
  margin-top: 4px;
  margin-bottom: 12px;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap .tag a {
  display: inline-block;
  height: 22px;
  background: #3e8eff;
  border-radius: 2px 2px 2px 2px;
  padding: 0 4px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap p {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  margin-bottom: 4px;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap p:last-child {
  margin-bottom: 0px;
}
.detail.dzqk_detail .main_content .main_right li .content_wrap p span {
  color: #111111;
}
.detail.dzqk_detail .recommend ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 32px;
}
.detail.dzqk_detail .recommend ul li {
  width: 129px;
  height: auto;
  padding: 0;
}
.detail.dzqk_detail .recommend ul li .img_wrap {
  width: 129px;
  height: 175px;
}
.detail.dzqk_detail .recommend ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}/*# sourceMappingURL=style.css.map */