.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner {
	border-color: #567ceb !important;
	background: #567ceb !important;
}

.el-radio__input.is-checked+.el-radio__label,
.el-checkbox__input.is-checked+.el-checkbox__label {
	color: #567ceb !important;
}

/* notice */
.messageLength {
	min-width: 300px;
}

.el-rate {
	height: 18px;
	margin-top: -2px;
}

/* hack element */
.el-message-box {
	/* width:50vw; */
	max-width: 432px;
}

.el-popover--plain {
	padding: 10px;
}

.el-dialog {
	max-width: 95vw;
}

.el-dropdown-menu__item {
	/* line-height: 2.2em; */
	padding: 0 20px;
}

.el-collapse-item__content {
	padding-bottom: 20px;
}

.el-collapse {
	border-top: none;
}

.el-collapse-item__wrap,
.el-collapse {
	border-bottom: none;
}

.el-collapse-item:last-child {
	margin-bottom: 0;
}

.el-rate__icon {
	margin-right: 2px;
}

.el-dialog__header {
	padding: 10px 20px 0px;
}

.el-form--label-top .el-form-item__label {
	padding: 0;
}

.el-form-item {
	margin-bottom: 5px;
}

.el-dialog__headerbtn {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 8px;
	/* background-color: var(--fuzhu-color); */
	border-radius: 50%;
	outline: 0;
	color: var(--card-bg-color);
	cursor: pointer;
	font-size: 16px;
}

.el-tag {
	margin: 5px 10px 5px 0px;
}

/*  弹窗样式覆盖*/
.el-dropdown-menu li p a {
	user-select: none;
	line-height: 2.2em;
	display: block;
}

.DialogFormItem .el-textarea__inner {
	border-color: transparent !important;
	padding: 0.6em 0 0 0;
}

.DialogFormItem .el-input__inner {
	border-color: transparent;
}

#Dialog-EditBookInfo input {
	text-align: center;
}

#Dialog-EditBookInfo .yousuu-selector.el-select .el-input__inner {
	padding-left: 30px;
}

.yousuu-selector-dropdown-align-center {
	text-align: center;
}

.yousuu-selector-dropdown-align-center .popper__arrow,
.DatePicker-Customer .popper__arrow {
	left: 49% !important;
}

@media (max-width: 768px) {
	.el-collapse-item__header {
		line-height: 40px;
		height: 40px;
	}
}

/* 公用 */
table {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #999;
}

th,
td {
	font-size: 14px;
}

button:disabled {
	cursor: not-allowed !important;
}

/* 空白网页 */
.empty-container {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.empty-tip {
	text-align: center;
	font-size: 20px;
	color: var(--fuzhu-color);
	padding-bottom: 20px;
}

.empty-tip.withhead {
	padding-top: 20px;
}

.withicon {
	font-size: 14px;
	color: #999;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.withicon+.withicon {
	margin-left: 30px;
}

.withicon svg {
	margin-right: 6px;
	width: 17px;
	/* height: 14px; */
}

.withicon.mini {
	font-size: 14px;
}

.withicon.ban {
	color: #f35e6b;
	/* margin-left: 25px; */
}

.withicon.mini svg {
	width: 14px;
	height: 14px;
}

.followBtn {
	/* width: 120px; */
	min-width: 100px;
	padding: 0 15px;
	height: 34px;
	background-color: #efefef;
	color: var(--aaa-color);
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
}

.followBtn.onlyText {
	background: transparent;
	min-width: 1em;
	width: auto;
	height: 24px;
	padding: 0;
}

.followBtn.small {
	padding: 0 10px;
}

.unFollow {
	background-color: #567ceb;
	color: var(--card-bg-color);
}

.unFollow.onlyText {
	color: #567ceb;
}

/* new follow btn style */
.follow-btn.gear {
	font-size: 14px;
	color: var(--fuzhu-color);
	padding: 7px 12px;
	border: 1px solid var(--aaa-color);
	border-radius: 2px;
}

.follow-btn.text {
	font-size: 14px;
	color: #567ceb;
}

.follow-btn.gear.inBookcase {
	background-color: var(--comment-bg-color);
	/* color: #bbb; */
	border-color: transparent;
}

.follow-btn {
	cursor: pointer;
}

.follow-btn:hover {
	color: #567ceb;
	border-color: #567ceb;
}

button.inBookcase.follow-btn,
button.inBookcase {
	color: var(--fuzhu-color);
}

/* 分割 */
.primary {
	background-color: #567ceb;
	color: var(--card-bg-color);
}

.text {
	margin-left: 26px;
	color: var(--fuzhu-color);
	font-size: 14px;
	cursor: pointer;
}

.plain {
	border: 1px solid #ccc;
	color: var(--aaa-color);
}

.danger {
	background: #f74e5c;
	color: var(--card-bg-color);
}

.StoreBooks,
.SearchResult,
.SpaceBooklist,
.BooklistsResult {
	padding: 0px 30px;
}

.space-action-item-padding {
	padding: 20px;
}

.ActionBooklistVoting {
	margin-top: 15px;
}

@media (max-width: 768px) {
	.withicon+.withicon {
		margin-left: 20px;
	}

	*:not(.navbar-wrap, .backtop-btn) {
		box-shadow: none !important;
	}

	.el-dialog__body {
		padding: 15px !important;
	}

	.space-action-item-padding {
		padding: 10px !important;
	}

	.StoreBooks,
	.BooklistsResult,
	.SearchResult,
	.space-action-item-padding,
	.SpaceBooklist {
		padding: 0 15px;
	}

	.ActionBooklistVoting {
		margin-top: 10px;
	}
}

/* @media(max-width:320px){
  .withicon + .withicon{
    margin-left: 2vw;
  }
} */