﻿
.suspension {
	position: fixed;
	z-index: 55;
	right: 10px;
	bottom: 10px;
	width: 100px;
	height: 480px;
}
.suspension-box {
	position: relative;
	float: right; padding-top:50px; background:url(../images/mayi.png) no-repeat top;
	
	
	
}
.suspension-box a.a {
	display: block;
	width: 80px;
	height: 80px;
	background-color:#bababa;
	margin-bottom:2px;
	text-align:center;
	
	
	
	cursor: pointer;
}
.suspension-box a span{ padding-top:52px; display:inline-block;  color:#FFF; font-size:14px;}
.suspension-box .baoj{background:url(../images/qq.png) no-repeat center 20px;}
.suspension-box .zzbj{background:url(../images/baoj.png) no-repeat center 20px;}



.suspension-box .code{background:url(../images/weixin.png) no-repeat center 20px;}


.suspension-box .back_top{background:url(../images/top.png) no-repeat center 20px;}



.suspension-box a:hover {
	background-color: #ff6100;
}



.suspension-box div.tencent {
	position: absolute;
	left: -177px;
	top: 215px;
	width: 177px;
	padding-bottom:15px;
	
	display:none;
	background-color: #ff6100;
	
}

.suspension-box div.tencent a {
	
	display:block; color:#FFF; font-size:14px; padding-left:25px; margin-top:15px;

}
.suspension-box div.tencent a img{ margin-right:5px;}


.suspension-box div.tencent i.tencent-i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: -8px;
	text-indent: -9999px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent b.tencent-b {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 62px;
	height: 64px;
	background-image: url(../images/circle-tencent.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent span.tencent-span {
	position: absolute;
	left: 8px;
	top: 7px;
	border-radius: 22px;
	width: 45px;
	height: 48px;
	text-align: center;
	z-index: 99;
	overflow: hidden;
}
.suspension-box div.tencent .tencent-qq {
	position: absolute;
	left: 3px;
	top:0px;
	height: 45px;
	width: 39px;
}
.suspension-box div.kefutel {
	position: absolute;
	left: -187px;
	top: 51px;
	display: none;
	width: 177px;
	height: 85px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.kefutel i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 20px;
	right: -8px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}




.suspension-box div.kefutell {
	position: absolute;
	left: -187px;
	top: 210px;
	display: none;
	width: 177px;
	height: 198px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.kefutell i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 118px;
	right: -8px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}


.suspension-box div.kefutell p {
	width: 155px;
	margin-top: 5px;
	text-align: center;
	margin-left:10px;
}

.suspension-box div.kefutell img{ margin-left:10px; margin-top:10px;}




.suspension-box div.kefutel strong {
	display: block;
	margin-left: 17px;
	margin-top: 16px;
	font-size: 16px;
	font-weight: normal;
}
.suspension-box div.kefutel p {
	margin-left: 17px;
	font-size: 23px;
	font-family: arial;
	color: #FD696D;
}
.icon {
	margin-top:-5px;
}

.suspension-box div.weixin {
	position: absolute;
	left: -187px;
	top: -30px;
	display: none;
	width: 177px;
	height: 198px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}