.breadcrumb,
.breadcrumb a,
.breadcrumb-bg {
	background: none !important
}

.dui-box {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999
}

.dui-box .container {
	position: relative;
	background: #fff;
	border: 2px solid #293d77;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	overflow: hidden
}

.dui-box .close-duibi-box {
	position: absolute;
	width: 12px;
	height: 12px;
	background: url(close-duibi-box.png) no-repeat center;
	right: 5px;
	top: 5px;
	z-index: 9;
	cursor: pointer
}

.dui-box .duibi-tit {
	position: relative;
	float: left;
	width: 72px;
	padding: 21px 14px 15px;
	background: #293d77;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center
}

.dui-box .duibi-tit::before {
	position: absolute;
	display: block;
	content: '';
	width: 30px;
	height: 100px;
	background: url(duibi-tit.png) no-repeat center left;
	right: -30px;
	top: 0
}

.dui-box .duibi-tit span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	opacity: .6
}

.dui-box .duibi-cont {
	position: relative;
	float: left;
	width: calc(100% - 72px);
	padding-right: 134px;
	padding-left: 20px
}

.dui-box .duibi-cont dl {
	position: relative;
	float: left;
	width: 25%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 20px
}

.dui-box .duibi-cont dl::before {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 76px;
	background: url(dashed.png) repeat-y top center;
	right: 0;
	top: 11px
}

.dui-box .duibi-cont dl dt {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	overflow: hidden
}

.dui-box .duibi-cont dl dt em {
	display: block;
	width: 40px;
	height: 40px;
	padding: 8px;
	font-size: 24px;
	color: #ccc;
	border-radius: 40px;
	text-align: center;
	line-height: 20px;
	background: #f2f2f2
}

.dui-box .duibi-cont dl dd {
	font-size: 14px;
	color: #ccc;
	margin: 11px 7px;
	padding-right: 18px
}

.dui-box .duibi-cont dl.duibi-school {
	position: relative;
	z-index: 1
}

.dui-box .duibi-cont dl.duibi-school .duibi-name {
	flex: 1;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin: 11px 7px;
	padding-right: 18px
}

.dui-box .duibi-cont dl.duibi-school .close-dd {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(yxk-icon2.png) no-repeat -5px -196px;
	right: 0;
	top: 0;
	cursor: pointer
}

.dui-box .duibi-tools {
	position: absolute;
	width: 134px;
	top: 26px;
	right: 0;
	text-align: center
}

.dui-box .duibi-tools a {
	display: block;
	width: 125px;
	margin: 0 auto 5px;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	background: #b57c39;
	border-radius: 2px
}

.dui-box .duibi-tools .disabled {
	background: #cecece !important
}

.dui-box .duibi-tools .reset-duibi {
	font-size: 12px;
	line-height: 26px;
	display: inline-block;
	color: #999;
	padding-left: 20px;
	background: url(lajitong.png) no-repeat left center;
	cursor: pointer
}

.m-btn-rules {
	background: url(left-nav-rules.png) no-repeat center center;
	background-size: cover
}

.m-btn-school {
	background: url(left-nav-school.png) no-repeat center center;
	background-size: cover
}

.m-btn-rules,
.m-btn-school {
	display: none;
	position: fixed;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	left: 20px;
	bottom: 60px;
	cursor: pointer;
	z-index: 99
}

.m-btn-rules em,
.m-btn-school em {
	position: absolute;
	font-size: 16px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	right: -5px;
	top: -5px;
	background: #df2f30;
	border-radius: 24px
}

@media only screen and (max-width: 768px) {
	.dui-box {
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.2);
		z-index: 999999
	}

	.dui-box .container {
		position: fixed;
		width: 100%;
		padding-bottom: 70px;
		right: 0;
		margin: 0;
		bottom: 0
	}

	.dui-box .duibi-tit {
		display: flex;
		width: 100%;
		padding: 10px
	}

	.dui-box .duibi-cont {
		position: static;
		width: 100%;
		padding: 5px 0 2%
	}

	.dui-box .duibi-cont dl {
		float: none;
		width: 100%;
		height: 60px;
		padding: 0;
		border-bottom: 1px solid #ddd;
		border-radius: 4px;
		margin-bottom: 0
	}

	.dui-box .duibi-cont dl.duibi-school .close-dd {
		margin: 13px 5px
	}

	.dui-box .duibi-cont dl::before,
	.dui-box .duibi-cont dl dt {
		display: none
	}

	.dui-box .duibi-cont dl dd {
		padding: 0
	}

	.dui-box .duibi-tit span {
		margin-left: 5px
	}

	.dui-box .duibi-tools {
		display: flex;
		width: 100%;
		height: 60px;
		padding-bottom: 10px;
		justify-content: center;
		align-items: center;
		bottom: 0;
		top: auto;
		background: #f7f7f7
	}

	.dui-box .duibi-tools a {
		margin: 0 10px;
		line-height: 30px
	}

	.dui-box .close-duibi-box {
		background: url(close-duibi-box2.png) no-repeat center center
	}
}