.dj-title {
  height: 34px;
  line-height: 34px;
  padding-bottom: 18px;
  padding-top: 10px;
  color: #222;
}

.dj-title .p {
  float: left;
  font-size: 20px;
  padding-right: 20px;
  font-size: 14px;
}

.dj-title .p a {
  color: #222;
}

.dj-title .p a:hover {
  color: #F77002;
}

.dj-title .p span {
  font-family: serif;
  padding-left: 5px;
}

.dj-title .bt {
  float: left;
  font-size: 20px;
  font-weight: bold;
  padding-right: 20px;
}

.dj-title .bt::before {
  width: 7px;
  height: 18px;
  background: #F77002;
  border-radius: 4px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -2px 7px 0 0;
}

.dj-title .dj-news-search {
  float: left;
}

.dj-title .more {
  float: right;
  font-size: 16px;
  color: #222;
}

.dj-title .more:hover {
  color: #F77002;
}

.dj-title .more span {
  font-family: serif;
  padding-left: 5px;
}

.dj-news-search {
  display: flex;
  font-size: 16px;
}

.dj-news-search .from {
  width: 264px;
  height: 34px;
  border-radius: 17px;
  border: 2px solid #CACACA;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  line-height: 30px;
}

.dj-news-search .from .dj-icon {
  background: no-repeat center;
  background-size: 100% 100%;
  width: 16px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 5px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAAXNSR0IArs4c6QAAApBJREFUWEfNl71v00AUwN/zkUwNElK8dGBBagQrsIePMqalvsNS2BmAgYEW/gQ+hITEx39AJHMXmq4USnZgYoBWYkGoSyIh0W7BfnDWuUqD7XOlJulJXvy+fr737r0zgmX5vj8XhuEiIs5HUXQSEWe1CRFtO47zg4jWGWOdIAi2bL7S5JhlJIQ4S0SPAOBiQccbiLgipfxcUD9W+w+gXq8fq1arTwHgZprc4pwA4GW/37/T7Xb/FAHZB9BsNk8MBoM2EV0YMh4AQAcRO47jfIqiaFvLHMeZjaLoHBEtAoB+SokNIn4olUpeq9X6ZYPYA9Bf7rru25Hgq4yx5SAIvuc58n3/VBiGjwHg6jBEr9e7YtuJPQDO+XMAuGUcRIh4X0qpnRZeQohlInqgN8gYvVBK3c5zEAOYgvuY5NwU04GCJ0EMhC7e+LAg4vm8wowBOOfvh6p9VSm1VPizUxQ552+G0rGhlLqU5Q+FEDUi+mYUBoyx07ac2+BMTXxNCpMxVsvqE8g5XwGAh8apVEpdswUoIuecv9bZNbr3lFJJWvaZ6x1YJ6LL+i0iXpdStooEsOkIIZpE9Mr4fSelnE+zQc/zNhFxTgvztsoWcFRuWvhmXIlEW+12u5YKwDnfAYAZQ1qRUu4eNFiavhBihoi0b712lVKViQI0Go1KuVz+bYLuKKWOH80UTL0Ij8IxnG4jmnor1gBjHEba/d1/R/BJ5ixIBGMax9p9aDpskHoMk5eHfSEZCZYJMZYrGQB8AYAzursPgaRCjO1S6rquZ4ZRLsRYr+VCCN8GkQmQbJ25sCzk/Zgg4pqUMp58o8sGYQU4pMmYuhNExCcCYHpNGsTPiQFkQEwWQEN4nqd/dJ+Z1N74C1bFt3pyNRb8AAAAAElFTkSuQmCC");
}

.dj-news-search .from .text {
  display: block;
  flex: 1;
  border: none;
  height: 100%;
  font-size: 16px;
  line-height: 30px;
  background: none;
}

.dj-news-search button {
  width: 68px;
  height: 34px;
  background: #2A2A2A;
  border-radius: 17px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  outline: none;
  line-height: 30px;
  border: none;
}

.dj-news-warp .dj-news-lef {
  float: left;
  width: 868px;
}

.dj-news-warp .dj-news-rit {
  float: right;
  width: 275px;
  background: #FFFFFF;
  box-shadow: 0px 2px 9px 0px rgba(220, 220, 220, 0.47);
  border-radius: 16px;
  box-sizing: border-box;
  padding: 23px 16px;
}

.dj-news-warp .datalist {
  width: 102%;
}

.dj-news-warp .datalist .box {
  float: left;
  background: #FFFFFF;
  box-shadow: 0px 2px 9px 0px rgba(220, 220, 220, 0.47);
  border-radius: 8px;
  overflow: hidden;
  color: #222;
  transition: all 0.2s linear;
  display: block;
}

.dj-news-warp .datalist .box .img {
  width: 100%;
}

.dj-news-warp .datalist .box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dj-news-warp .datalist .box p {
  font-size: 16px;
  overflow: hidden;
  text-align: center;
  padding: 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dj-news-warp .datalist .box:hover {
  color: #F77002;
  transform: translateY(-5px);
}

.dj-news-warp .datalist.theme1 .box {
  width: 148px;
  height: 234px;
  margin: 0 20px 24px 0;
}

.dj-news-warp .datalist.theme1 .box .img {
  height: 196px;
}

.dj-news-warp .datalist.theme1 .box p {
  height: 38px;
  line-height: 38px;
}

.dj-news-warp .datalist.theme2 .box {
  width: 275px;
  height: 200px;
  margin: 0 20px 24px 0;
  border-radius: 16px;
}

.dj-news-warp .datalist.theme2 .box .img {
  height: 155px;
}

.dj-news-warp .datalist.theme2 .box p {
  height: 46px;
  line-height: 46px;
}

.dj-news-warp .datalist.theme3 {
  width: 100%;
}

.dj-news-warp .datalist.theme3 .box {
  background: none;
  box-shadow: none;
  float: initial;
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}

.dj-news-warp .datalist.theme3 .box:last-child {
  margin-bottom: 0px;
}

.dj-news-warp .datalist.theme3 .box:hover {
  transform: translateY(0px);
}

.dj-news-warp .datalist.theme3 .box .img {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  overflow: hidden;
}

.dj-news-warp .datalist.theme3 .box p {
  flex: 1;
  overflow: hidden;
  padding: 0 0 0 12px;
  font-size: 15px;
  line-height: 21px;
  white-space: normal;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.dj-news-warp-tips {
  font-size: 18px;
  color: #7F7F7F;
  line-height: 25px;
  text-align: center;
  padding: 10px 0;
}

.nightbody .dj-title, .nightbody .dj-title .more, .nightbody .dj-title .p a, .nightbody .dj-news-search .from .text {
  color: #fff;
}

.nightbody .dj-title .p a:hover {
  color: #F77002;
}

.searchSelect_box > .searchSelect {
  font-size: 14px !important;
}

.nightbody .searchSelect_box > .searchSelect {
  color: #fff;
  background: none;
}

.nightbody .dj-news-search button {
  background: #F77002;
}

.dj-news-warp .dj-news-lef .datalist.theme2 .box {
  width: 205px;
  height: 153px;
  margin: 0 16px 18px 0;
}

.dj-news-warp .dj-news-lef .datalist.theme2 .box p {
  line-height: 38px;
  height: 38px;
}

.dj-news-warp .dj-news-lef .datalist.theme2 .box .img {
  height: 115px;
}

.content.news .datalist { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.content.news .datalist .box { display: grid; grid-template-columns: 92px 1fr; align-items: start; padding: 8px 12px; border: none; border-radius: 10px; background: #fff; transition: box-shadow .2s; position: relative; }
.content.news .datalist .img { width: 92px; height: 134px; border-radius: 8px; overflow: hidden; }
.content.news .datalist .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.content.news .datalist .info { padding: 8px 12px; height: 118px; display: flex; flex-direction: column; justify-content: space-between; }
.content.news .datalist .info .title { font-size: 16px; line-height: 21px; font-weight: 700; color: #141414; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content.news .datalist .info .count { color: #141414; font-size: 14px; font-weight: 700; line-height: 19px; margin: 0; }
.content.news .datalist .info .count .num { color: #FF7200; }
.content.news .datalist .info .row { display: flex; align-items: center; gap: 2px; color: #3C4045; font-size: 12px; line-height: 16.5px; height: 16.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .15s ease, text-decoration-color .15s ease; text-underline-offset: 2px; cursor: pointer; position: relative; z-index: 2; text-decoration: none; }
.content.news .datalist .info .row .dot { width: 18px; height: 17.5px; display: inline-block; object-fit: contain; }
.content.news .datalist .box .full-card-link { position: absolute; inset: 0; border-radius: 10px; z-index: 1; }
.content.news .datalist .info .row:hover { color: #FF7200; text-decoration: underline; text-decoration-color: #FF7200; }
@media (max-width: 900px){ .content.news .datalist { grid-template-columns: repeat(2, 1fr); } }
.content.news .datalist .box { float: none; }