@charset "utf-8";
/* 基础动画 */
/* 鼠标悬浮中心，使用：@include positioncenter() */
/* 鼠标悬浮遮罩效果，使用：@include hovermask() */
.column_container {
  margin-top: 2.4rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #f2f2f9;
  background-color: #ffffff;
}
.column_container .column_head {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
}
.column_container .column_head .column_btn {
  height: 1.5rem;
  font-weight: 400;
  border-radius: 3.6rem;
  cursor: pointer;
  color: var(--font-color-third);
  border: 0.1rem solid #dedee1;
  padding: 0.8rem 1.6rem;
  font-size: var(--font-size-12);
}
.column_container .column_list {
  margin-top: 4rem;
}
.column_container .column_list .column_list_head {
  font-weight: bold;
  font-size: var(--font-size-24);
}
.column_container .column_list .column_list_head span {
  font-weight: 400;
  font-size: var(--font-size-16);
  color: var(--font-color-third);
  margin-left: 1.6rem;
}
.column_container .column_list .column_list_body {
  display: flex;
  flex-wrap: wrap;
}
.column_container .column_list .column_list_body .column_item, .column_container .column_list .column_list_body .el-tag {
  margin-top: 2.4rem;
  padding: 0.5rem 1.6rem;
  background-color: #f6f6f9;
  margin-right: 2.4rem;
  color: var(--font-color-third);
  cursor: pointer;
}
.column_container .column_list .column_list_body .column_item:hover, .column_container .column_list .column_list_body .el-tag:hover {
  background-color: var(--color-primary-four);
  color: var(--color-primary-base);
}
.column_container .column_list .column_list_body .el-tag {
  height: 3.2rem;
  font-size: var(--font-size-18);
}
.column_container .column_list.template-1 .column_list_body .column_item {
  font-size: var(--font-size-18);
  color: var(--font-color-base);
}
.column_container .column_list.template-1 .column_list_body .column_item:hover {
  background-color: var(--color-primary-four);
  color: var(--color-primary-base);
}
.column_container .column_option {
  margin-top: 6.9rem;
  margin-bottom: 1.4rem;
  display: flex;
  justify-content: center;
}
.column_container .column_option .column_btn {
  border-radius: 3.6rem;
  cursor: pointer;
  padding: 0.8rem 3.6rem;
  font-size: var(--font-size-12);
  color: #ffffff;
  background-color: var(--color-primary-base);
}
.column_container .column_list:first-child {
  margin-top: 0;
}
.column_container .column_option_list {
  display: flex;
  justify-content: flex-end;
}
.column_container .column_option_list .column_option_btn {
  font-weight: 400;
  border-radius: 3.6rem;
  cursor: pointer;
  color: var(--font-color-third);
  border: 0.1rem solid #dedee1;
  padding: 0.8rem 1.6rem;
  font-size: var(--font-size-12);
}

.column_dialog .el-dialog {
  border-radius: 1.5rem;
}
.column_dialog .el-dialog__title {
  font-size: 2.8rem;
}
.column_dialog .column_dialog_line {
  display: flex;
  justify-content: center;
}
.column_dialog .column_dialog_line .el-checkbox {
  margin-right: 4rem;
}

/*# sourcemappingurl=index.css.map */