.breadcrumb-item+.breadcrumb-item::before{
	content:"|";
}
.breadcrumb-item.active a{
	color: #2f333e;
	font-weight: bold;
}
table tr:last-child{
	border-bottom: 1px solid #dee2e6;
}
.alert,
.container-fluid>p,
.breadcrumb-item a{
	font-size: 0.85rem;
}
.container-fluid>p{
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.8;
}
.btn{
	font-size: 0.9rem !important;
	padding: 0.35rem 1rem !important;
	margin: 0 10px 10px 0;
}
td .btn{
	font-size: 0.7rem !important;
	padding: 0.1rem 0.4rem !important;
}

.card-body{
	font-size: 0.9rem;
}
.mask,.mask1{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0);
	transition: all 0.4s;
	z-index: 99;
}
.mask.show,.mask1.show{
	background: rgba(0,0,0,0.6);
	display: flex;
}
.mask .mask-content,.mask1 .mask-content{
	min-height: 50vh;
	padding: 4rem;
	position: relative;
}
.mask .mask-content a,.mask1 .mask-content a{
	position: absolute;
	top: 10px;
	right: 16px;
	font-size: 20px;
}
.mask-content .select-box{
	display: flex;
	font-size: 0.85rem;
}
.select-box2{
	text-align: center;
	margin: 4rem 0;
}
.select-box2 label{
	margin-right: 40px;
	font-size: 0.88rem;
	cursor: pointer;
}
.tips,.tips2{
	margin: 1rem 0.8rem 2rem;
}
#selected-btn,#change-btn{
	float: right;
	margin-right: 15px;
	width: 80px;
	margin-top: 80px;
}
#change-btn{
	margin-top: 50px;
	margin-right: 50px;
}
.tipsbox{
	display: none;
}
.tipsbox.show{
	display: block;
}
.nextdep{
	display: none;
}