.tips {
	display: flex;
	align-items: center;
	background-color: #fceedb;
	color: #FF9800;
}

.tips i {
	margin-right: 5px;
}

.tips .flex-1 {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.content {
	/* flex: 1; */
	border-bottom: 10px solid #f5f5f5;
}

.info {
	background: #428bef;
	color: #fff;
}

.name {
	font-weight: bold;
	margin-right: 10px;
}

.info img {
	width: 45px;
	height: 45px;
	margin-right: 5px;
}

.info .l {
	flex: 1;
}

.line {
	display: flex;
	margin-bottom: 10px;
}

.img-box.line {
	align-items: center;
}

.img-box.line .r {
	flex: 1;
	display: flex;
}
.img-box.line .r>div{
	font-family: auto;
}
.circle {
	background-color: #fff;
	color: #428bef;
	margin-right: 15px;
	padding: 2px 10px;
	border-radius: 4vw;
	white-space: nowrap;
	overflow: hidden;
}

.item {
	display: flex;
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.item:last-child {
	border-bottom: none;
}

.item>img {
	border-radius: 3px;
}

.subtitle {
	color: #999999;
	text-overflow: ellipsis;
	overflow: hidden;
}

.item .tit {
	color: #434343;
}

.item .r {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.item::after {
	content: "";
	background-image: url("../img/details.png");
	background-size: 100% 100%;
}

.title {
	display: flex;
	align-items: center;
	color: #434343;
}

.title::before {
	content: "";
	background-color: #409eff;
}

.content {
	background-color: #fff;
}
.marquee span{
	display: block;
	width: 100%;
	animation: marquee 15s linear infinite;
}
.explain{
	background-color: #f5f5f5;
}
.explain>div{
	margin-bottom: 10px;
}
.con{
	color: #434343;
}
.phone a{
	color: #409eff;
	font-weight: bold;
}
@keyframes marquee{
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(-100%);
	}
}
@media screen and (max-width:600px) {
	.item>img {
		width: 12vw;
		height: 12vw;
		margin-right: 3vw;
	}
	.subtitle {
		font-size: 3.5vw;
	}
	.item {
		padding: 4vw 3vw;
	}
	.item .tit {
		margin-bottom: 2vw;
	}
	.item::after {
		width: 4vw;
		height: 4vw;
	}
	.title {
		margin: 3vw;
	}
	.tips {
		padding: 1vw 3vw;
	}
	.title::before {
		width: 0.8vw;
		height: 3.5vw;
		margin-right: 1.6vw;
	}
	.content {
		padding: 0 3vw;
	}
	.info {
		padding: 3vw;
	}
	.tips i {
		font-size: 4.3vw;
	}
	.explain{
		margin: 0 3vw 3vw;
		padding: 3vw 3vw 0;
	}
	.con{
		line-height: 6vw;
	}
}
@media screen and (min-width:600px) {
	.item>img {
		width: 80px;
		height: 80px;
		margin-right: 10px;
	}
	.item {
		padding: 15px;
	}
	.item .tit {
		margin-bottom: 8px;
	}
	.item::after {
		width: 20px;
		height: 20px;
	}
	.title {
		margin: 15px;
	}
	.tips {
		padding: 3px 15px;
	}
	.title::before {
	    width: 5px;
	    height: 18px;
	    margin-right: 5px;
	}
	.content {
		padding: 0 15px;
	}
	.info {
		padding: 15px;
	}
	.tips i {
		font-size: 26px;
	}
	.explain{
		margin: 0 15px 15px;
		padding: 15px 15px 0;
	}
}