.header {
	width: 100%;
	height: 1.083333rem;
}

.header .top {
	width: 100%;
	height: 0.1875rem;
	background-color: #0078bf;
	color: #ffffff;
	font-size: 0.0625rem;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.header .top .top-center {
	width: 6.25rem;
	height: 0.1875rem;
	display: flex;
	align-items: center;
	font-size: 0.0625rem;

}

.header .top .top-center .coml {
	flex: 1;
}

.header .top .top-center .tel {
	width: 0.083333rem;
	height: 0.083333rem;
	margin-right: 0.026041rem;
}

.header .center {
	width: 100%;
	height: 0.59375rem;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.center .center-item {
	width: 6.25rem;
	height: 0.59375rem;
	display: flex;
	align-items: center;
}

.center .center-item .log {
	width: 1.583333rem;
	height: 0.385416rem;
	cursor: pointer;
}

.center .center-item .info {
	flex: 1;
	margin-left: 0.260416rem;
}

.center .center-item .info .info-item {
	display: flex;
	align-items: center;
	width: 1.458333rem;
	margin-bottom: 0.026041rem;
}

.center .center-item .info .info-item .star {
	width: 0.0625rem;
	height: 0.0625rem;
}

.center .center-item .info .info-item .font {
	margin-left: 0.052083rem;
	font-size: 0.0625rem;
	color: #000000;
}

.center-item-right {
	display: flex;
	align-items: center;
}

.center-item-right .qcode-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-left: 0.104166rem;
}

.center-item-right .qcode-item .qcode-item-url {
	height: 0.354166rem;
	width: 0.354166rem;
}

.center-item-right .qcode-item .qcode-item-font {
	font-size: 0.0625rem;
	text-align: center;
}

.bottom {
	display: flex;
	align-items: center;
	flex-direction: column;
	border-top: 0.005208rem solid #f2f2f2;
}

.bottom .bottom-center {
	min-width:6.25rem;margin:0px auto;
	width: 6.25rem;
	height: 0.291666rem;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	position: relative;
}

.bottom .bottom-center .tab {
	width: 0.333333rem;
	height: 0.291666rem;min-width:64px;
	margin-right: 0.1875rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.083333rem;
	color: #333333;
}

.bottom .bottom-center .tab.active {
	color: #0078bf;
	border-top: 0.010416rem solid #0078bf;
}

.bottom .bottom-center .tab:hover{color:#0078bf; cursor:pointer; }

.bottom .bottom-center .line {
	position: absolute;
	left: 0;
	top: -0.005208rem;
	width: 0.333333rem;
	height:0.010416rem;
	background-color: #0078bf;
	z-index: 1;
	transform: translateX(-50%);
	border-radius: 0.020833rem;
	transition: left 0.3s;
}