/* （yingzicms.com）做专业的网站建设专家 */
 @charset "utf-8";
/* CSS Document */

/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 999999999;
	right: 0;
	bottom: 200px;
	width: 70px;
	height: 240px;}
.suspension-box {
	position: relative;
	float: right;}
.suspension .a {
	display: block;
	width:70px;
	height: 70px;
	padding: 12px 0 5px;
	background-color: #860c1c;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;}
.suspension .a.active, .suspension .a:hover {
	background: #860c1c;}
.suspension .a .i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;}
/*在线服务*/
.suspension .a-service .i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;}
.suspension .a span {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding-top: 4px;}
.suspension .a-service-phone .i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;}
/*二维码*/
.suspension .a-msg .i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/msg.png);
	background-repeat: no-repeat;}
/*二维码*/
.suspension .a-qrcode .i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/qr_code.png);
	background-repeat: no-repeat;}
.suspension .a-cart .i {
	background-position: -88px 0;}

/*回到顶部*/
.suspension .a-top .i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../images/uptop.png);
	background-repeat: no-repeat;}
.suspension .a-top {
	background: #D2D3D6;
	display: none;}
.suspension .a-top:hover {
	background: #a9aaab;}
.suspension .d {
	display: none;
	width: 240px; 
	background: #fff;
	position: absolute;
	right: 70px;
	border: 1px solid #c7c8cb;box-shadow:2px 5px 5px #BBB;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;/*background:url(../images/side_bg_arrow.png) no-repeat;*/
	right: -8px;
	top: 31px;}
.qrcode-img img {
	width: 160px; text-align: center;
	margin: 0 auto;}
.suspension .d-service {
	top: 0;}
.suspension .d-service-phone {
	top: 0px;}
.suspension .d-qrcode {
	top: 0px;}
.suspension .d .inner-box {
	padding: 8px 10px;}
.suspension .d-service-item {
	padding: 4px 0;}
.suspension .d-service .d-service-item {
	border-bottom: none;}
/* .suspension .d-service-item .circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
} */

.suspension .d-service-item p,.suspension .d-qrcode-item p {
	float: left; padding-left: 5px;
	width: 200px;
	line-height: 22px;
	font-size: 16px; font-weight: bold; color: #860c1c;
	margin-left: 12px; padding-bottom: 3px;
	border-bottom: 1px solid #860c1c;}
.suspension .d-service .d-service-item ol,.suspension .d-qrcode .d-qrcode-item ol {
	float: left;
	width: 112px;
	line-height: 26px;
	font-size: 15px;
	margin-left: 12px;}
.suspension .d-service-item .text,.suspension .d-qrcode-item .text {
	float: left;
	width: 220px;
	line-height: 18px;
	font-size: 15px; color: #00003d;
	margin-left: 12px;}
.suspension .d-service-item .text .number,.suspension .d-qrcode-item .text .number {
	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}

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