@charset "utf-8";
/* CSS Document */

body {background: #f7f7f7}
a{color:#5a5a5a;text-decoration:none}

.father{
	height: 100%;
	text-align: center;
}

.padding-0{
	padding: 0;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
	.media_someabc_mobile
	{
		display: none;
	}
	.media_someabc_pc
	{
		display: block;
	}
}

@media (max-width: 768px) {
	.media_someabc_mobile
	{
		display: block;
	}
	.media_someabc_pc
	{
		display: none;
	}
}

.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

/*侧边客服工具栏*/
.service_sidebar {position: fixed;right: 0px;top: 50%;transform: translateY(-50%);width: 60px;box-shadow: 0px 4px 30px rgba(183,190,203,0.3);border-radius: 5px;z-index: 90; background-color: #DF4C73}
.service_sidebar .tool_item{display: block;height: 60px;text-align: center;padding-top: 13px;font-size: 12px;color: #fff;position: relative;}
.service_sidebar .tool_item::before{display: block;content: "";width: 22px;height: 22px;margin: 0 auto;background-repeat: no-repeat;background-size: contain;background-position: center;}
.service_sidebar .tool_item:nth-child(1)::before{background-image: url(../images/index/service_bar/tool-bar1.png);}
.service_sidebar .tool_item:nth-child(2)::before{background-image: url(../images/index/service_bar/tool-bar2.png);}
.service_sidebar .tool_item:nth-child(3)::before{background-image: url(../images/index/service_bar/tool-bar3.png);}
.service_sidebar .tool_item:hover{color:#DF4C73}
.service_sidebar .tool_item:nth-child(1):hover::before{background-image: url(../images/index/service_bar/tool-bar1-h.png);}
.service_sidebar .tool_item:nth-child(2):hover::before{background-image: url(../images/index/service_bar/tool-bar2-h.png);}
.service_sidebar .tool_item:nth-child(3):hover::before{background-image: url(../images/index/service_bar/tool-bar3-h.png);}
.service_sidebar .tool_item:hover{background-color: #fff;}
.service_sidebar .tool_item:nth-child(1){border-radius: 5px 5px 0 0;}
.service_sidebar .tool_item:nth-child(3){border-radius: 0 0 5px 5px;}
.service_sidebar .tool_pop{border-radius: 5px;background-color: #fff;padding:5px;position: absolute;left: -162px;top: 50%;transform: translateY(-50%); box-shadow: 0px 4px 20px rgba(183,189,202,0.3);display: none;}
/*.service_sidebar .tool_pop::after{content: "";display: block;width: 0;height: 0;border-width: 7px;border-style: solid;border-color: transparent transparent transparent #fff;position: absolute;right: -14px;top: 50%;transform: translateY(-50%);}*/
.service_sidebar .tool_pop .code2{width: 140px;height: 140px;}
.service_sidebar .tel_pop{left: -147px;text-align: left;padding: 13px 18px;}
.service_sidebar .tel_pop h1{font-size: 12px;color: #aaa;padding-bottom: 6px;}
.service_sidebar .tel_pop p{font-size: 16px;color: #333;}
.service_sidebar .tool_item:hover .tool_pop{display: block;}