/* *****主题样式******* */
/* #0f5bb9
#1864c4 */
.theme-bg,
.theme-bg-hover,
.theme-bg-a.active,
.theme-bg-d.disabled,
.theme-bg::after {
	background-color: #0f5bb9 !important;
}

.theme-bg-opa,
.theme-bg-opa-a.active {
	background-color: #1864c4 !important;
}

.theme-fill {
	fill: #0f5bb9;
}

.theme-col,
.theme-col-hover:hover,
.theme-col-a.active,
.theme-col-s.select,
a.normal:hover>i,
.addr-expand:hover>span,
.addr-expand:hover>i {
	color: #0f5bb9 !important;
}

.theme-col-opa {
	color: #1864c4 !important;
}

.theme-back-a.active {
	background-color: #FFFFFF !important;
	color: #0f5bb9 !important;
}

.theme-b,
.theme-b-hover:hover,
.theme-b-a.active {
	border-color: #0f5bb9 !important;
}

.theme-b-opa,
.theme-b-opa.active {
	border-color: #1864c4 !important;
}

.theme-b-t,
.theme-b-t-hover:hover {
	border-top-color: #0f5bb9 !important;
}

/* 特殊 */
.theme-b-t-hover:hover>span {
	border-color: #FFFFFF #0f5bb9 #0f5bb9 !important;
	color: #0f5bb9 !important;
}

.theme-b-t-opa {
	border-top-color: #1864c4 !important;
}

.theme-b-l {
	border-left-color: #0f5bb9 !important;
}

.theme-b-l-opa {
	border-left-color: #1864c4 !important;
}

.theme-b-b,
.theme-b-b-a.active {
	border-bottom-color: #0f5bb9 !important;
}

.theme-b-b-opa {
	border-bottom-color: #1864c4 !important;
}

.theme-b-r {
	border-right-color: #0f5bb9 !important;
}

.theme-b-r-opa {
	border-right-color: #1864c4 !important;
}

/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */

button.disabled {
	opacity: 0.6;
	cursor: auto;
}

/* ******步骤条****** */
.dc-step-wrapper {
	text-align: center;
}

.dc-step-item {
	position: relative;
	display: inline-block;
	width: 200px;
}

.dc-step-item-content {
	position: relative;
	display: inline-block;
	text-align: center;
}

.dc-step-item-content>span {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background-color: #CCCCCC;
	line-height: 36px;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;

}

.dc-step-item-content>p {
	margin-top: 15px;
	font-size: 14px;
	color: #CCCCCC;
	font-weight: bold;
}

.dc-step-item.active .dc-step-item-content>span {
	position: relative;
	background-color: #0f5bb9;
	transition: all ease-out .12s;
	-webkit-transition: all ease-out .12s;
}

.dc-step-item.active .dc-step-item-content>p {
	color: #0f5bb9;
}

.dc-step-item.active .dc-step-item-content>span::after {
	content: '';
	position: absolute;
	width: 44px;
	height: 44px;
	top: -4px;
	left: -4px;
	z-index: -1;
	opacity: 0.2;
	border-radius: 100%;
	background-color: #0f5bb9;
}

.dc-step-item-line {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: 17px;
	background-color: #CCCCCC;
	height: 6px;
	width: 100%;
	z-index: -3;
}

.dc-step-item-line.active {
	background-color: #0f5bb9;
}

/* **************** */
/* 骨架屏动画 */
.skeleton-bg {
	background-color: #E1E1E1;
}

.skeleton--animate {
	animation: skeleton-blink 1.2s ease-in-out infinite;
	-webkit-animation: skeleton-blink 1.2s ease-in-out infinite;
}

@-webkit-keyframes skeleton-blink {
	50% {
		opacity: 0.5;
	}
}

@keyframes skeleton-blink {
	50% {
		opacity: 0.5;
	}
}

.skeleton--animate-2 {
	height: 100%;
	width: 100%;
	animation: skeleton-loading 10s linear infinite;
	-webkit-animation: skeleton-loading 10s linear infinite;
	background-image: linear-gradient(50deg, #e8e7e7, #e8e7e7 52%, #f1f1f1 55%, #e8e7e7 58%, #e8e7e7);
	background-size: 400% 100%;
}

@keyframes skeleton-loading {
	0% {
		background-position: 400% 50%
	}

	to {
		background-position: 0% 50%
	}
}

.sweet-overlay {
	z-index: 9999;
}