.interactive_list_container[data-v-49ac0a58]{
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* min-height:101vh; */
    text-align: left;
  --content-min-width:90%;
}
.bg[data-v-49ac0a58]{
  position: fixed;
  width: 100%;
  height: 100%;
  opacity:0.5;
  background-image: url(https://huamei2001.oss-cn-shenzhen.aliyuncs.com/hm2001/backgrounds/stkl.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
._control[data-v-49ac0a58]{
  width: 100%;
  ;
  ;
  z-index: 110;
  display:flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease-in-out;
  position:sticky;
  top:-1px;
}
.page_title[data-v-49ac0a58]{
  z-index: 1100;
  color: rgb(70, 70, 70);
  font-size: 18px;
}
._content[data-v-49ac0a58]{
  width: 100%;
  margin-bottom: 50px;
}
.draft[data-v-49ac0a58]::after{
  content: "草稿";
  font-size: 14px;
  padding-left: 5px;
  color:rgb(67, 0, 0)
}
.article_expander[data-v-49ac0a58]{
  transition: all linear 0.3s;
}
.list-group-item[data-v-49ac0a58],.table-header[data-v-49ac0a58]{
    position: relative;
    width:100%;
    font-size: 14px;
    font-weight: 300;
    display:grid;
    transition: all linear 0.3s;
    color: rgb(80, 80, 80);
    word-wrap:normal;
}
.table-header[data-v-49ac0a58]{
    color: gray;
    /* user-select: none; */
    position:sticky;
    background-color:white;
    z-index: 10;
    height:25px;
    margin:3px 0px 3px 0px;
    width:100%;
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 28px;
}
.table_filters[data-v-49ac0a58]{
  background-color:white;
  z-index: 10;
  position:sticky;
  transition: all linear 0.2s;
  width:100%;
  height: 50px;
}
.list-group-item[data-v-49ac0a58]{
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}
.list-group-item[data-v-49ac0a58]:hover{
    background-color:#eee;
}
.title[data-v-49ac0a58]{
  /* padding-right: 30px !important; */
  /* position:relative; */
  /* width: 300px !important; */
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis !important; */
}
.datetime[data-v-49ac0a58]{
  justify-self: left;
  padding-right: 30%;
  /* word-break: normal; */
  white-space: nowrap;
}
.edit-buttons[data-v-49ac0a58] {
  position: sticky;
  top: 10px;
  right:20px;
  width: 100px;
  height:0px;
  transform:translate(calc(50vw - 30px));
  z-index: 1000;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;;
  justify-content: space-between;
}
.property-services[data-v-49ac0a58]{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 15px;
}
.ps-item[data-v-49ac0a58]{
  width: fit-content;
  /* white-space: nowrap; */
  padding-right: 5px;
}
.display_cell[data-v-49ac0a58]{
  display:inline-block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page[data-v-49ac0a58]{
  margin-bottom: 10px;
  margin-top: 10px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}
.page_explain[data-v-49ac0a58]{
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}
.filter_img[data-v-49ac0a58]{
    position:absolute;
    left: calc(100% -  16px);
    top: 5px;
    width:15px;
    height:15px;
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.filter_img[data-v-49ac0a58]:hover{
    opacity: 0.8
}
.filter_input[data-v-49ac0a58]{
    width:90%;
    outline-width: 0;
    color: gray;
    font-size: 14px;
    font-weight: 300;
}
.header_cell[data-v-49ac0a58]{
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
  overflow: visible;
  background-color:white;
  display: flex;
  flex-direction: row;
  text-align: left;
}
.arrow_img[data-v-49ac0a58]{
  height: 15px;
  opacity: 0.3;
  margin-left: 7px;
  /* transition: all 0.5s ease-in-out; */
}
.arrow_img.flipped[data-v-49ac0a58]{
  transform: rotate(180deg);
}
.reward[data-v-49ac0a58]{
  font-size: 14px;
  line-height: 14px;
  font-weight: 350;
  display:flex;
  flex-direction: row;
  align-items: center;
  user-select:text;
}
.bean_image[data-v-49ac0a58]{
  margin-left: 5px;
  width: 17px;
  height: 17px;
  opacity: 1;
}
.control_btn[data-v-49ac0a58]{
  padding-right: 10px;
}
.mobile_info[data-v-49ac0a58]{
  display: flex;
  flex-direction: row;
}
.mobile_block[data-v-49ac0a58]{
  margin-bottom: 25px;
  cursor: pointer;
}
.mobile_cell[data-v-49ac0a58]{
  color: gray;
  font-size: 14px;
  font-weight: 300;
}
.divider[data-v-49ac0a58]{
  padding-right: 5px;
  padding-left: 5px;
  color: rgb(80, 80, 80);
}
._clickable[data-v-49ac0a58]{
	color:#1680FF;
	cursor: pointer;
	transition: color 0.2s linear;
    user-select: none;
}
._clickable[data-v-49ac0a58]:hover, ._clickable.active[data-v-49ac0a58]{
	color:#334250
}
.cell_title[data-v-49ac0a58]{
    font-size: 14px;
    font-weight: 300;
}
.cell_body[data-v-49ac0a58]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.mobile_cell[data-v-49ac0a58]{
    /* min-width: 30vw; */
}
.clickable[data-v-49ac0a58]{
	color:#328bdf;
	cursor: pointer;
	transition: color 0.2s linear;
    user-select: none;
}
.clickable[data-v-49ac0a58]:hover, .clickable.active[data-v-49ac0a58]{
	color:#334250
}
.sortButtons[data-v-49ac0a58]{
    width:25px;
    font-size: 25px;
    line-height: 12px;
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    transform:rotate(0.5turn) translateY(5px);
    transition: all 0.2s linear;
}
.sortButtons.flipped[data-v-49ac0a58]{
    transform:rotate(1turn) translateY(5px)
}


.ant-select-item-option{
    font-weight: 250;
    font-size: 14px;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}