#hrwizard{
	height: 42px;
	width: 100%;
	overflow: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#hrwizard::-webkit-scrollbar {
	display: none;
}
#hrwizard div{
	height: 42px;
	display: inline-block;
}
#scrollbox{
	width: 80%;
	margin-left: 6px;
	overflow: hidden;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#scrollbox::-webkit-scrollbar {
	display: none;
}
#left-hover-icon{
	width: 35px;
	background: url(../img/left_hover.png) no-repeat center;
	cursor: pointer;
	margin-left: 26px;
}
#right-hover-icon{
	width: 35px;
	background: url(../img/right_hover.png) no-repeat center;
	cursor: pointer;
}
.hrwizard-text{
	width: 249px;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 42px;
    border: 0px solid #ffffff; 
	cursor: pointer;
}
.hrwizard-first{
	height: 42px;
	width: 249px;
	background-color: #F2F2F2;
	border-radius:21px;
    color: #797979;
}
.hrwizard-already-first{
	height: 42px;
	width: 249px;
	background-color: #e9f9f1;
	border-radius:21px;
    color: #29C392;
}
.hrwizard-default{
	height: 42px;
	width: 249px;
	background-color: #F2F2F2;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
    color: #797979;
}
.hrwizard-already-default{
	height: 42px;
	width: 249px;
	background-color: #e9f9f1;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
    color: #29C392;
}
.hrwizard-already-default:before{
	content: "";
	height: 42px;
	width: 21px;
	position: absolute;
    display: block; 
	background: #ffffff;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
}
.hrwizard-default:before{
	content: "";
	height: 42px;
	width: 21px;
	position: absolute;
    display: block; 
	background: #ffffff;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
}
.active{
	background-color: #E2E9F2;
	color: #2b87f3;
}
.choose{
	background-color: #5582F3;
	color: #ffffff;
}
.already{
	background-color: #e9f9f1;
	color: #29C392;
}
.already-choose{
	background-color: #29C392;
	color: #ffffff;
}
.mark-first{
	height: 42px;
	width: 249px;
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius:21px;
	background: rgba(0, 0, 0, 0);
}
.mark{
	height: 42px;
	width: 249px;
	text-indent: 21px;
	text-overflow: ellipsis;
	overflow: hidden;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
	background: rgba(0, 0, 0, 0);
}
.mark:before{
	content: "";
	height: 42px;
	width: 21px;
	position: absolute;
    display: block; 
	background: #ffffff;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px;
}
