.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;
}