/*下面是客服*
	/*访客信息*/
	/*.box{margin: 40px 0;position: relative;}*/
	.change-type {
		min-width: 40px;
		min-height: 160px;
		position: fixed;
		z-index: 99;
		left: 0;
		top: 189px;
		display: flex;
	}

	/*@media screen AND (max-width: 768px) {*/
	/*	.box {*/
	/*		display: none;*/
	/*	}*/
	/*}*/

	.change-type .type-left {
		width: 0;
		height: 100%;
		background: #fff;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
		border-bottom-right-radius: 5px;
		overflow: hidden;
		transition: width 1.8s;
		-moz-transition: width 1.8s;
		-webkit-transition: width 1.8s;
		-o-transition: width 1.8s;
		border-radius: 20px 0px 20px 20px;
		/*padding: 10px 0px 10px 0px;*/
	}

	.change-type .showListType {
		width: 250px;
		background: #fff;
		transition: width 1.8s;
		-moz-transition: width 1.8s;
		-webkit-transition: width 1.8s;
		-o-transition: width 1.8s;
		/*padding: 10px;*/
		border-radius: 20px 0px 20px 20px;
	}

	.change-type .type-left ul li {
		line-height: 40px;
		height: 40px;
		text-align: left;
		width: 100%;
		position: relative;
		cursor: pointer;
	}

	.change-type .type-left ul li a {
		display: block;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9;
		padding-left: 15px;
		overflow: hidden;
		width: calc(100% - 17px);
		color: #333;
		font-size: 14px;
		border-left: 2px solid #26778d;
		/*#26778d  00ba97 */
	}

	.change-type .type-left ul li span {
		display: block;
		position: absolute;
		width: 0;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 8;
		overflow: hidden;
		transition: width 0.5s;
		-moz-transition: width 0.5s;
		-webkit-transition: width 0.5s;
		-o-transition: width 0.5s;
	}

	.change-type .type-left ul li:hover span {
		transition: width 0.5s;
		-moz-transition: width 0.5s;
		-webkit-transition: width 0.5s;
		-o-transition: width 0.5s;
	}

	.type-left ul li:nth-child(1):hover span,
	.type-left ul li:nth-child(1).active span,
	.type-left ul li:nth-child(8):hover span,
	.type-left ul li:nth-child(8).active span {
		background: #ff8f8f;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(1):hover a,
	.type-left ul li:nth-child(1).active a,
	.type-left ul li:nth-child(8):hover a,
	.type-left ul li:nth-child(8).active a {
		border-left: 2px solid #fc3c3c;
		color: #fff;
	}

	.type-left ul li:nth-child(2):hover span,
	.type-left ul li:nth-child(2).active span,
	.type-left ul li:nth-child(9):hover span,
	.type-left ul li:nth-child(9).active span {
		background: #1976d2;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(2):hover a,
	.type-left ul li:nth-child(2).active a,
	.type-left ul li:nth-child(9):hover a,
	.type-left ul li:nth-child(9).active a {
		border-left: 2px solid #1976d2;
		color: #fff;
	}

	.type-left ul li:nth-child(3):hover span,
	.type-left ul li:nth-child(3).active span,
	.type-left ul li:nth-child(10):hover span,
	.type-left ul li:nth-child(10).active span {
		background: #ef5350;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(3):hover a,
	.type-left ul li:nth-child(3).active a,
	.type-left ul li:nth-child(10):hover a,
	.type-left ul li:nth-child(10).active a {
		border-left: 2px solid #ef5350;
		color: #fff;
	}

	.type-left ul li:nth-child(4):hover span,
	.type-left ul li:nth-child(4).active span,
	.type-left ul li:nth-child(11):hover span,
	.type-left ul li:nth-child(11).active span {
		background: #e91e63;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(4):hover a,
	.type-left ul li:nth-child(4).active a,
	.type-left ul li:nth-child(11):hover a,
	.type-left ul li:nth-child(11).active a {
		border-left: 2px solid #e91e63;
		color: #fff;
	}

	.type-left ul li:nth-child(5):hover span,
	.type-left ul li:nth-child(5).active span,
	.type-left ul li:nth-child(12):hover span,
	.type-left ul li:nth-child(12).active span {
		background: #8e24aa;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(5):hover a,
	.type-left ul li:nth-child(5).active a,
	.type-left ul li:nth-child(12):hover a,
	.type-left ul li:nth-child(12).active a {
		border-left: 2px solid #8e24aa;
		color: #fff;
	}

	.type-left ul li:nth-child(6):hover span,
	.type-left ul li:nth-child(6).active span,
	.type-left ul li:nth-child(13):hover span,
	.type-left ul li:nth-child(13).active span {
		background: #64b5f6;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(6):hover a,
	.type-left ul li:nth-child(6).active a,
	.type-left ul li:nth-child(13):hover a,
	.type-left ul li:nth-child(13).active a {
		border-left: 2px solid #64b5f6;
		color: #fff;
	}

	.type-left ul li:nth-child(7):hover span,
	.type-left ul li:nth-child(7).active span,
	.type-left ul li:nth-child(14):hover span,
	.type-left ul li:nth-child(14).active span {
		background: #388e3c;
		width: 100%;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
	}

	.type-left ul li:nth-child(7):hover a,
	.type-left ul li:nth-child(7).active a,
	.type-left ul li:nth-child(14):hover a,
	.type-left ul li:nth-child(14).active a {
		border-left: 2px solid #388e3c;
		color: #fff;
	}

	.change-type .type-right {
		width: 30px;
		background: #ff8f8f;
		height: 150px;
		overflow: hidden;
		box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		display: table;
		border-radius: 0px 15px 15px 0px;
	}

	.change-type .type-right p {
		text-align: center;
		padding: 0 5px;
		color: #fff;
		display: table-cell;
		vertical-align: middle;
		cursor: pointer;
		line-height: 20px;
	}

	.hufake {
		background-position: 100% 100%;
		background-size: 100% 100%;
		/*border-radius: 10px;*/
		color: #fff;
		margin: 0px 0px 0px 0px;
		text-shadow: 0px 0px 3px #020202;
	}

	ul {
		list-style: none;
		display: block;
		margin-block-start: 0px;
		margin-block-end: 0px;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0px;
	}


	div,
	p,
	ul,
	li {
		font-family: '楷体';
	}