.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;
  min-height: 350px;
}

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

.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 img{
  object-fit: cover;
}

.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;
}
.photo_word{
	width: 100%;
}
.photo_word img{
	object-fit: cover;
}
.photo_word .col-12{
	width: 100%;
	height: 142px;
}
/* 下载注册类任务 */
.main .floor1 .admission{
	color: #000!important;
}
.main .floor1 .free strong small{
	color: #dc4e37;
}
.main .floor1 .free p{
	font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
  -webkit-box-orient: vertical;
}
.main .floor1 .free b{
	font-size: 14px;
	color: #d82824;
}
.down_title{
	width: 100%;
	position: relative;
}
.down_title .register{
	position: absolute;
	top: 0;
	right: 0;
}
.down_title .subtitle{
	margin-right: 350px;
}
.down_title .subtitle span{
	font-size: 12px;
}
.down_title .subtitle a{
	color: #c2c0c0!important;
}
/* 分页器 */
.paging{
	width: 100%;
}
.paging a{
	color: #000;
} 
.paging nav{
	position: relative;
	left: 100%;
}
.paging ul li a:hover{
	color: #fff!important;
	background-color: #d01e4a;
}
.hot-task b{
	font-size: 12px;
	color: #d82824;
}
small{
	font-size: 14px;
}