@charset "gb2312";
/*
 * customer service index.css
 * @author jerry
 * @time 2013-08-28 21:12
 */

.banner {
	background:transparent url(../images/bg-banner-side.jpg) no-repeat center 0
}
.banner-main {
	height:346px;
	position:relative;
	background:transparent url(../images/bg-banner-side.jpg) no-repeat center 0
}
.link-to-lp {
	right:0;
	top:0;
	position:absolute;
	width:282px;
	height:240px;
}
.link-to-lp:hover {
	background: url(../images/user-lp-now.png) 19px 179px no-repeat;
}
.ie6 .link-to-lp:hover, .ie7 .link-to-lp:hover, .ie8 .link-to-lp:hover {
	background-position: 20px 179px;
}
/*.online{right:0;top:171px;position:absolute;display:block;width:282px;height:61px}
.online:hover{background:transparent url(../images/index/bg-online-hover.jpg) no-repeat}*/
.phone {
	color:#0091cb;
	font-size:20px;
	position:absolute;
	right:30px;
	top:250px;
	font-weight:700
}
.phone .title {
	color:#94a5a8;
	font-size:16px
}
.content {
	background-color:#f1f0ee
}
.topic {
	width:250px;
	height:247px;
	text-align:center;
	color:#73716c
}
.topic-title {
	margin-top:32px;
	margin-bottom:10px;
	display:block;
	width:120px;
	height:157px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(../images/bg-ico.jpg) no-repeat;
transition:.2s
}
.topic2 .topic-title {
	background-position:-260px 0
}
.topic3 .topic-title {
	background-position:-129px 0
}
.topic4 .topic-title {
	background-position:-389px 0
}
.topic1 .topic-title:hover {
	background-position:0 -182px
}
.topic2 .topic-title:hover {
	background-position:-260px -182px
}
.topic3 .topic-title:hover {
	background-position:-129px -182px
}
.topic4 .topic-title:hover {
	background-position:-389px -182px
}
.topic-guide a {
	color:#73716c;
	text-shadow:0 1px 1px #c8c4bf;
transition:.3s
}
.topic-guide a:hover {
	color:#74726d;
	text-shadow:0 1px 1px #a6a29d
}
.guide {
	height:201px
}
.guide-panel {
	position:relative;
	width:429px;
	height:98px;
	margin-left:47px;
	margin-top:51px;
	background:transparent url(../images/bg-guide.jpg) no-repeat
}
.guide-panel-1 a {
	position:absolute;
	width:113px;
	border:1px solid #d0ccc7;
	color:#6a6964;
	text-align:center;
	padding-top:4px;
	padding-bottom:5px;
	background:transparent url(../images/bg-btn.png) repeat-x
}
.chongzhi-guide {
	left:262px;
	top:14px;
}
.chat-online {
	left:262px;
	top:56px;
}
.guide-panel-1 .yangcongtou-spirite {
	left:0;
	top:0;
	border:none;
	width:216px;
	height:98px;
	background-position:0 -1000px;
	padding:0;
}
.guide-panel-1 a:hover {
	text-decoration:none;
	background-position:0 -27px;
	border-color:#a2e9f4
}

.guide-panel-2 {
	background-position:0 -98px
}
.guide-panel-2 .avatar {
	width:200px;
	height:98px
}

.guide-panel-2 .q {
	font-size:14px;
	margin-left:25px;
	overflow:hidden
}
.guide-panel-2 .q p {
	margin-top:8px
}
.guide-panel-2 a {
	display:block;
	width:200px;
	color:#00629c;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}