/** iconfont */
@font-face {
  font-family: 'iconfont';
  src: url('@/static/iconfont/iconfont.woff2') format('woff2'),
       url('@/static/iconfont/iconfont.woff') format('woff'),
       url('@/static/iconfont/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.delete_icon {
	width: 30px;
	height: 35px;
	font-size: 20px;
	line-height: 35px;
	color: #bbb;
}
.delete_icon::after {
	content: '\e632';
}
.eye_colse_icon {
	width: 30px;
	height: 35px;
	font-size: 20px;
	line-height: 35px;
	color: #bbb;
}
.eye_colse_icon::after {
	content: '\e7b2';
}
.eye_open_icon {
	width: 30px;
	height: 35px;
	font-size: 20px;
	line-height: 35px;
	color: #D7592F;
}
.eye_open_icon::after {
	content: '\e60a';
}
.scan_icon {
	width: 30px;
	height: 30px;
	font-size: 30px;
	line-height: 35px;
	color: #D7592F;
}
.scan_icon::after {
	content: '\e607';
}
.icon-check {
	width: 24px;
	height: 24px;
	font-size: 20px;
	line-height: 24px;
	color: #bbb;
	background-color: #bbb;
	border-radius: 50%;
	margin: 0 auto;
}
.icon-checked {
	color: #fff;
	background-color: #D7592F;
}
.icon-check::after {
	content: '\e608'
}

.cancel_icon::before {
	content: "\e632";
}
.cancel_icon {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 25px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	background-color: #E9B451;
}