#bg {
		padding: 15px 0;
	}

	.dropdowns .iconfont1 {
		display: inline-block;
		width: 10px;
		height: 6px;
		background: url("../../../static/image/arrow_8.png");
	}

	.dropdowns:hover .iconfont1 {
		background: url("../../../static/image/arrow_5.png");
	}

	body {
		background-color: #fff !important;
	}

	.caseitems {
		background: #f5f5f5 !important;
		margin: 0px;
	}

	#paging {
		overflow: hidden;
		width: 500px;
		margin: 20px auto;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -337px;
		display: flex;
		justify-content: center;
	}

	#paging>li {
		width: 70px !important;
		height: 24px;
		border: 1px solid #3091f2;
		line-height: 24px;
		text-align: center;
		margin: 5px;
		float: left;
		color: #3091f2;
		cursor: pointer;
	}

	#paging>li.hover:hover {
		border: 0;
		background-color: #3091f2;
		color: white;

	}

	#paging>li {
		background-color: auto !important;
		color: #3091f2;
	}

	.bgcolor {
		background-color: #fff;
	}

	.ztfwrap {
		padding-top: 0;
		padding-bottom: 30px;

	}

	.tzfWrapClick {
		display: inline-block;
	}

	.ztfwrap img {
		vertical-align: middle;
	}

	#friendsUrl {
		text-align: left;
		color: #666;
		margin-top: 10px;
		font-size: 13px;
		margin-bottom: 50px;
	}

	#friendsUrl .splitUrl {
		margin: 0 5px;
	}


	.para {
		margin: 0;
		color: #eee;
		font-size: 14px;
		text-align: center;
	}

	body {
		margin: 0;
		/* height: 2000px; */
	}

	.serve_ct {
		box-sizing: border-box;
		width: 110px;
		height: 343px;
		background: #329FD7;
		border-radius: 55px 55px 5px 5px;
		position: absolute;
		box-shadow: 0 5px 12px #329FD7;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 99999;
	}

	.we_code {
		left: 10px;
		width: 110px;
		position: absolute;
		bottom: 10px;
	}

	.we_code img {
		width: 90px;
		border-radius: 5px;
	}

	.avatar {
		padding-top: 10px;
		width: 110px;
		height: 100px;
		margin-bottom: 10px;
	}

	.serve_tel {
		position: relative;
		top: -2px;
	}

	.bold_tel {
		font-weight: bold;
	}

	.consult_btn {
		width: 80px;
		height: 30px;
		margin: 10px auto;
		position: relative;
		top: 4px;
		line-height: 26px;
		text-align: center;
		border-radius: 5px;
		background: #fff;
		cursor: pointer;
		font-size: 14px;
		box-sizing: border-box;
		transition: all .1s;
		border: 2px solid transparent;
	}

	.red_dot {
		position: absolute;
		background: #ff0000;
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		color: #fff;
		font-size: 10px;
		line-height: 18px;
		top: -10px;
		right: -10px;
	}

	.consult_btn:hover {
		background: #329FD7;
		border: 2px solid #eee;
	}

	.consult_btn:hover a {
		color: #fff;
	}

	.consult_btn a:hover {
		color: #fff;
	}

	.consult_btn a {
		color: rgb(48, 152, 255);
		text-decoration: none;
		box-sizing: border-box;
		padding: 0px;
	}

	.close_btn {
		position: absolute;
		right: 0;
		top: -20px;
		cursor: pointer;
		z-index: 99999;
	}

	.hover_panel {
		display: none;
		position: relative;
		left: -170px;
		top: -150px;
		z-index: 1;
		width: 197px;
		height: 185px;
	}

	.float-hover-img {
		display: flex;
		justify-content: center;
		align-items: center;
		background: transparent;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		background: url('../../../static/image/float-bgCode.png') center no-repeat;
		margin-top: 8px;
	}

	.phone_panel {
		display: none;
		position: absolute;
		bottom: 0;
		z-index: 999;
		width: 237px;
		height: 89px;
		left: -210px;
	}

	.float-hover-phone {
		/*bottom: -10px;*/
		/*z-index: 999;*/
		margin-top: 8px;
		/*position: absolute;*/
		width: 100%;
		height: 100%;
		line-height: 34px;
		background: url('../../../static/image/float-bgTel.png') center no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: start;
		padding-top: 18px;
		align-items: center;
		font-size: 20px;
		font-weight: 400;
		font-family: SourceHanSansCN-Regular;
	}

	.float-hover-img img {
		width: 134px;
		height: 134px;
		margin: 0 18px 0 0;
	}

	.consult_ct {
		position: fixed;
		width: 100px;
		height: 100px;
		top: 30%;
		right: 16px;
		z-index: 99999;
		display: none;
	}

	.small_cir {
		position: absolute;
		left: 50%;
		top: 50%;
		width: auto;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
	}

	.big_cir {
		position: absolute;
		left: 50%;
		top: 50%;
		width: auto;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
	}

	.staff_avt {
		z-index: 99999;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 50px;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
	}

	@keyframes dotmove {
		0% {
			transform: rotate(0);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.move_dot {
		position: absolute;
		top: 20px;
		left: 50px;
		width: auto;
		transform-origin: 0 30px;
		animation: dotmove 2.5s infinite linear;
		z-index: 99999;
	}

	.box-img>a>img,
	.box-img>img,
	.consult-dot img {
		margin-top: -4px;
		margin-right: 10px;
	}

	.consult-dot {
		position: relative;
	}

	.red_dot2 {
		position: absolute;
		background: #ff0000;
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		color: #fff;
		font-size: 10px;
		line-height: 18px;
		top: 0;
		text-align: center;
		right: 14px;
	}


	.hreder .hreder_wrap .logo_img {
		float: left;
		width: 274px;
		margin-top: 50px;
		height: 44px;
		object-fit: contain;
	}

	.caseitem:hover {
		box-shadow: #3091f2 0 0 5px;
	}

		.share {
		width: 100px;
		height: 50px;
		position: absolute;
		top: -1000px;
	}

	.caseitem_content {
		margin-bottom: 10px;
		/* background: #fff !important; */
	}
	/* 分页器 */
	#paging {
		overflow: hidden;
		width: 500px;
		margin: 20px auto;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -337px;
	}

	.nav .nav_wrap li:hover>a {
		color: #3091f2 !important;
	}

	.nav .nav_wrap li:first-child:hover>a {
		color: #fff !important;
	}

	#paging>li {
		width: 70px;
		height: 24px;
		border: 1px solid #3091f2;
		line-height: 24px;
		text-align: center;
		margin: 5px;
		float: left;
		color: #3091f2;
		cursor: pointer;
	}

	#paging>li.hover:hover {
		border: 0;
		background-color: #3091f2;
		color: white;
	}

	.Selection {
		/* border: 0; */
		border: 1px solid #eeeeee !important;
		color: #3091f2 !important;
		font-weight: bold;
	}

	.Selection2 {
		background-color: auto !important;
		/* color: #fff !important; */
		/* border: 0 !important; */
		cursor: default !important;
		border: 1px solid #3091f2;
	}

	.caselist_container {
		position: relative;
		min-width: 100px;
	}

	.recommend_case {
		position: absolute;
		float: right;
		right: 0;
		top: 0;
	}

	.used_number {
		margin-top: 20px;
	}

	.MoreD:hover {
		color: #3091f2;
	}

	#Box {
		width: 135px;
		height: 154px;
	}

	.search {
		width: 319px !important;
	}

	.search input {
		width: 267px !important;
	}

	.search .IcoBox {
		border-top-right-radius: 14px !important;
		width: 37px !important;
	}

	.num {
		color: #3091f2 !important;
		font-size: 12px;
		/* background-color: #fff ; */
	}

	.Selection2 {
		/* background-color:#fff; */
		color: #3091f2;
	}

	#paging>li {
		background-color: auto !important;
		color: #3091f2;
	}

	.desc {
		-webkit-line-clamp: 5 !important;
		height: 100px !important;
	}

	.nav {
		border-bottom: 2px solid #3091f2;
	}