.main {
  background-color: #f4f4fa;
}

table {
  margin-bottom: 0 !important;
}

.roof {
  background: #d82824;
  font-size: 14px;
  padding: 0 30px;
}

.roof td {
  border-top: 1px solid #d0553e !important;
  padding: .75rem 0 !important;
}

.roof td a {
  color: #fdf4ef !important;
  position: relative;
  display: flex;
}

.roof td a:hover::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -16px;
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 50%;
}

.roof td a span {
  max-width: 230px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.roof td a b {
  padding-left: 5px;
}

.roof tbody > :first-child td {
  border-top: none !important;
}

.hot-task .subtitle {
  margin-left: 12px;
}

.hot-task .top, .hot-task .label {
  padding: 11px 15px 30px;
  background-color: #fff;
}

.hot-task .top > a, .hot-task .label > a {
  margin-top: 20px;
}

.hot-task .label {
  padding-bottom: 20px;
}

.hot-task .label-group {
  color: #d82825;
  font-size: 14px;
}

.hot-task .label-group > span {
  padding: 2px 8px;
  background-color: #f6f5f5;
  display: inline-block;
  margin: 4px 6px;
}

.floor {
  background-color: #f4f4fa;
}

.floor .my-group {
  width: 100%;
}

.floor .my-group > div {
  flex: 1;
}

.floor .my-group > div:first-child {
  margin-right: 15px;
}

.task-group {
  padding: 17px 15px 0;
}

.task-group .subtitle {
  margin: 0 0 25px 12px;
}

.task-group .with-img {
  margin-bottom: 12px;
}

.task-group .task-item td {
  border-top: 1px solid #dee2e6;
  border-bottom: none;
  padding: .75rem 0 !important;
}

.task-group .task-item td a {
  display: flex;
  justify-content: space-between;
  color: #323333;
  width: 100%;
  font-size: 14px;
}

.task-group .task-item td a span {
  width: 270px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.task-group .task-item td a time {
  font-size: 12px;
  color: #a7a6a6;
}

.with-img {
  color: #080606;
}

.with-img div {
  margin-left: 15px;
}

.with-img h6 {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 160px;
  line-height: 1.5;
}

.with-img time {
  font-size: 12px;
  color: #999999;
}

.my-table {
  font-size: 14px;
}

.my-table td {
  border-top: none !important;
  border-bottom: 1px solid #dee2e6;
  padding: .75rem 0 !important;
}

.my-table td a {
  display: flex;
  justify-content: space-between;
  color: #323333;
  width: 100%;
}

.my-table td a span {
  width: 270px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-table td a time {
  font-size: 12px;
  color: #a7a6a6;
}

.subtitle {
  display: flex;
  justify-content: space-between;
}

.subtitle h6 {
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

.subtitle h6::before {
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
  display: inline-block;
  content: '';
  width: 5px;
  height: 22px;
  background-color: #d82824;
}

.subtitle a{
	position: absolute;
	top: 18px;
	right: 16px;
	float: right;
	font-size: 12px;
	color: #c2c0c0;
}

.title h5 {
  font-size: 18px;
  font-weight: bold;
}

.title h6 {
  font-size: 12px;
  color: #c2c0c0;
}

.high-price td {
  width: 33.333333%;
}

.high-price .top, .high-price .hot-task .label, .hot-task .high-price .label {
  margin: 15px 24px 22px;
  border-bottom: 1px solid #dee2e6;
}

.high-price .top div, .high-price .hot-task .label div, .hot-task .high-price .label div {
  font-size: 16px;
  color: #080606;
}

.high-price .top p, .high-price .hot-task .label p, .hot-task .high-price .label p {
  margin-top: 3px;
  font-size: 12px;
  color: #999999;
}

.high-price .bottom {
  margin: 15px 24px;
}

.high-price .bottom .money {
  color: #db3d2d;
}

.high-price .bottom span {
  color: #a09f9f;
  font-size: 12px;
}

.high-price .bottom a {
  display: inline-block;
  text-align: center;
  width: 93px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  background-color: #d82824;
  border-color: #d82824;
  margin-left: 14px;
  color: #fff;
}

.high-price .bottom a:hover {
  color: #fff !important;
  background-color: #c82333;
  border-color: #bd2130;
}
/* 微信微博分享 */
.my-share li{
	list-style-type: none;
}
.my-share p {
	font-size: 14px;
}
.my-share li div{
    cursor: pointer;
    width: 72px;
    height: 72px;
    background-image: url(/static/home/img/article-share-icon.png);
    background-repeat: no-repeat;
}
.share-wb{
	background-position: 0 -97px;
}
.share-wb:hover{
	background-position: 0 0;
}
.share-wx {
	background-position: -134px -97px;
}
.share-wx:hover{
	background-position: -134px 0;
}
.share-qq{
	background-position: -272px -97px;
}
.share-qq:hover{
	background-position: -272px 0;
}
.share-likes {
	background-position: -405px -97px;
}
.share-likes:hover{
	background-position: -405px 0;
}