@import url("base.css");

/*公共图片*/
.web3jia5_root .web3jia5_chat_close, 
.web3jia5_root .web3jia5_chat_restore,
.web3jia5_root .web3jia5_chat_title,
.web3jia5_root .web3jia5_faceBtn, 
.web3jia5_root .web3jia5_cardBtn,
.web3jia5_root .web3jia5_title_name,
.web3jia5_root .web3jia5_freecall,
.web3jia5_root .web3jia5_body a,
.web3jia5_root .web3jia5_min_panel_name,
.web3jia5_root .web3jia5_min_panel_message,
.web3jia5_root .web3jia5_min_panel_on,
.web3jia5_root .web3jia5_userlist_group{
	background:url(../img/red_web3jia5_bg.png) no-repeat;
}




/*邀请框*/
.web3jia5_root .web3jia5_invite {
	width:400px;
	height:auto;
	background:#fff;
	border-color:#0078c3;
	border-style: solid;
	border-width: 5px 1px 1px;
	z-index:2147483646;
}


.web3jia5_root .web3jia5_invite_title {
	background: none repeat scroll 0 0 #ecf0f1;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}


.web3jia5_root .web3jia5_title_close {
	background-position: 0 -64px;
	float: right;
	height: 10px;
	margin: 9px 8px 0;
	width: 10px;
}


.web3jia5_root .web3jia5_title_close:hover {
	background-position: -10px -64px;
}


.web3jia5_root .web3jia5_invite_body {
	height:auto;
	background:#fff;
}


.web3jia5_root .web3jia5_invite_icon {
	background:url(../img/invite_icon.jpg) no-repeat;
	width:90px;
	 height:80px;
	 float:left;
	 margin:10px;
}


.web3jia5_root .web3jia5_invite_body p {
	line-height:20px;
	 font-size:14px;
	 padding:10px;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_handle {
	overflow:hidden;
	 zoom:1;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_handle a{
	background:#0078c3;
	color:#fff;
	border-radius: 4px;
	float: right;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	text-align: center;
	width: 80px;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_handle a:hover {
	background:#0068c3;
}

    
.web3jia5_root .web3jia5_invite_body a.web3jia5_invite_yes {
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_no {
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_freecall {
	clear:both;
	 padding:10px;
	 background:#f8f8f8;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_service {
	height:26px;
	line-height:26px;
	max-width:100px;
	overflow:hidden;
	float:left;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_service select {
	border-radius: 4px;
	width:100px;
	border:1px solid #c1d4df;
	height:26px;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_phone {
	float:left;
	margin:0 5px 0 5px;
	border: 1px solid #c1d4df;
	color: #0078c3;
	height: 25px;
	line-height: 25px;
	padding: 0 3px;
	border-radius: 4px;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_freecall a {
	background:#fab516;
	border: 0 none;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	height: 26px;
	line-height: 26px;
	width: 80px;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_freecall a:hover {
	background:#fa9416;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_tips {
	display:none;
	position:absolute;
	top:27px;
	max-width:150px;
	margin-left:5px;
	background-color:#fafafa;
	padding:5px;
	box-shadow: 0 0 2px -1px;
	color:#fa3008;
	border-radius: 4px;
}


.web3jia5_root .web3jia5_invite_body .web3jia5_invite_phonepanel {
	position:relative;
	float:left;
}



/*在线咨询*/
.web3jia5_root .web3jia5_userList, .web3jia5_root .web3jia5_freeCall {
	z-index:2147483646;
	position:absolute;
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 146px;
}


.web3jia5_root .web3jia5_title {
	background:url(../img/red_web3jia5_bg.png) no-repeat 0 -30px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 0 5px;
}


.web3jia5_root .web3jia5_title_name {
	background:url(../img/red_web3jia5_bg.png) no-repeat 5px -432px;
	float: left;
	font-size: 13px;
	margin:0;
	padding: 0;
	text-indent: 24px;
	color:#fff;
}


.web3jia5_root .web3jia5_title_min {
	float: right;
	margin: 3px 0 0;
	background-position: -72px -64px;
	height: 20px;
	 padding: 0 6px;
	line-height: 20px;
}


.web3jia5_root .web3jia5_title_min:hover {
	background-position: -85px -64px;
}


.web3jia5_root .web3jia5_body {
	overflow-x: hidden;
	overflow-y: auto;
	background:#fff;
	border-left:2px solid #8f0104;
	border-right:2px solid #8f0104;
	border-bottom: 2px solid #8f0104;
}


.web3jia5_root .web3jia5_body dt {
	background-color: #f7f7f7;
	background-position: -215px -86px;
	border-top: 1px solid #e8e8e8;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 5px;
	text-indent: 12px;
}


.web3jia5_root .web3jia5_body a {
	color: #999;
	display: block;
	height: 25px;
	line-height:25px;
	padding: 0 10px 0 30px;
	overflow:hidden;
	background-position:10px -373px;
}


.web3jia5_root .web3jia5_body a:hover {
	background-color:#ecf0f1;
}


.web3jia5_root .online a {
	/*background-position:10px -313px; */
	color:#f00;
	background:url(../img/red_online.gif) no-repeat 10px 6px;
}



/*免费电话*/
.web3jia5_root .web3jia5_freecall {
	padding:0 5px 10px;
	width:136px;
	background-position:-34px -87px;
}


.web3jia5_root .web3jia5_freecall .web3jia5_freecall_service {
	line-height:24px;
	max-width:146px;
	overflow:hidden;
	color:#fff;
}


.web3jia5_root .web3jia5_freecall .web3jia5_freecall_service select {
	border-radius: 4px;
	width:100%;
	border:1px solid #c1d4df;
	height:26px;
	margin:5px 0 2px;
}


.web3jia5_root .web3jia5_freecall .web3jia5_freecall_phone {
	width: 127px;
	margin: 3px 0 5px;
	border: 1px solid #c1d4df;
	color: #f00;
	height: 25px;
	line-height: 25px;
	padding: 0 3px;
	border-radius: 4px;
}


.web3jia5_root .web3jia5_freecall a.web3jia5_freecall_callbtn {
	background:#fab516 url(../img/red_freecall.gif) no-repeat 10px 0;
	border: 0 none;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	color: #c00;
	height: 26px;
	line-height: 26px;
	width: 135px;
}


.web3jia5_root .web3jia5_freecall a.web3jia5_freecall_callbtn:hover {
	background:#fa9416 url(../img/red_freecall.gif) no-repeat 10px 0;
}


.web3jia5_root .web3jia5_freecall .web3jia5_freecall_tips {
	display:none;
	color:#fff;
	padding:5px;
}


.web3jia5_root .web3jia5_freecall .web3jia5_freecall_phonebox {
	position:relative;
}



/*聊天窗口外框*/
.web3jia5_root .web3jia5_chat_panel {
	z-index:2147483646;
}


.web3jia5_root .web3jia5_chat_title {
	height:30px;
	line-height:30px;
	width:100%;
	background-position:0 0;
}


.web3jia5_root .web3jia5_chat_h2 {
	margin: 0 8px 0 8px;
	float:left;
	color:#fff;
}


.web3jia5_root .web3jia5_chat_content {
	height:auto;
	background:#fff;
	border:2px solid #8F0104;
}


.web3jia5_root .web3jia5_chat_min {
	background-position:-72px -64px;
	float: right;
	height: 10px;
	margin: 9px 0 0;
	width: 13px;
}


.web3jia5_root .web3jia5_chat_min:hover {
	background-position:-85px -64px;
}


.web3jia5_root .web3jia5_chat_close {
	background-position:0 -66px;
	float: right;
	height: 27px;
	width: 30px;
}


.web3jia5_root .web3jia5_chat_close:hover{
	background-position:0 -93px;
}

.web3jia5_root .web3jia5_chat_restore {
	background-position:0 -120px;
	float: right;
	height: 27px;
	width: 30px;
}
.web3jia5_root .web3jia5_chat_restore:hover{
	background-position:0 -147px;
}



.web3jia5_root .web3jia5_chat_iframe {
	width:100%;
	height:0px;
}



/*最小化面板*/
.web3jia5_root .web3jia5_min_panel {
	z-index:2147483646;
	width:226px;
	/* overflow:hidden; */
	height:37px;
	line-height:37px;
	position:fixed;
	right:0;
	bottom:0;
}
.web3jia5_root .web3jia5_min_panel_name{height:37px;background-position:0 -237px; padding-left:30px; color:#fff; font-weight:bold;}
.web3jia5_root .web3jia5_min_panel_message{background:url(../img/red_web3jia5_msg_bg.png) repeat-x 0 0; color:#fff; border-right:1px solid #b90005;}
.web3jia5_root .web3jia5_min_panel_on{background:url(../img/red_web3jia5_msg_bg.png) repeat-x 0 -37px; color:#fff; border-right:1px solid #b90005;}
.web3jia5_root .web3jia5_min_panel_small_icon{background:url(../img/red_small_icon.png) no-repeat 0 0; width:64px; height:64px; position:absolute; top:-28px; left:-20px;}
.web3jia5_root .web3jia5_min_panel_big_icon{background:url(../img/red_big_icon.gif) no-repeat 0 0; width:168px; height:107px; position:absolute; top:-70px; left:-35px;}



/*chat.html 聊天留言窗口 */
.web3jia5_root .web3jia5_dialogBox{
}


.web3jia5_root .web3jia5_talk{
}


.web3jia5_root .web3jia5_tips{
	padding:5px;
}


.web3jia5_root .web3jia5_tips p{
	line-height:20px;
}


.web3jia5_root .web3jia5_red{
	color:#c00;
}


.web3jia5_root .web3jia5_talkBox{
	height:210px;
	 overflow-x:hidden;
	 overflow-y:auto;
}


.web3jia5_root .web3jia5_talkBox dl{
	padding:5px;
	clear: both;
}


.web3jia5_root .web3jia5_talkBox dt{
	height:22px;
	 line-height:22px;
}


.web3jia5_root .web3jia5_talkBox dd{
	line-height:22px;
}


.web3jia5_root .web3jia5_talkBox .web3jia5_recv dt{
	color:#008be1;
}


.web3jia5_root .web3jia5_talkBox .web3jia5_send dt{
	color:#595;
}


.web3jia5_root .web3jia5_face{
	height:30px;
	 line-height:30px;
	 background:#F6F6F6;
	 border-top:1px solid #ddd;
	 border-bottom:1px solid #ddd;
	 _position:relative;
}


.web3jia5_root .web3jia5_faceBox{
	width:30px;
	 height:30px;
	 position:relative;
	float:left;
}


.web3jia5_root .web3jia5_faceBox .web3jia5_faceBtn {
	background-position:8px -476px;
	width:25px;
	height:25px;
}


.web3jia5_root .web3jia5_faceBox .web3jia5_cardBtn {
	background-position:-22px -476px;
	width:25px;
	height:25px;
}


.web3jia5_root .web3jia5_faceBox:hover {
	background:#e3e3e3;
}


.web3jia5_root .web3jia5_sendbox{
	height:90px;
	 position:relative;
}


.web3jia5_root .web3jia5_area{
	padding:3px 0 0 3px;
	border:0;
	 width:75%;
	 height:70px;
	 font-size:13px;
	 font-family:"Arial";
}


.web3jia5_root .web3jia5_sendBtn{
	width:60px;
	height:60px;
	text-align:center;
	background:#930105;
	position:absolute;
	right:15px;
	top:15px;
	color:#fff;
}


.web3jia5_root .web3jia5_sendTools{
	text-align:right;
}


.web3jia5_root .web3jia5_msgBtn, .web3jia5_root .web3jia5_msgRes{
	margin-right: 10px;
	background:#930105;
	border: 1px solid #930105;
	color:#fff;
	cursor:pointer;
	padding:3px 5px;
	border-radius:3px;
}


.web3jia5_root .web3jia5_msgBtn:hover, .web3jia5_root .web3jia5_msgRes:hover{
	background:#d51938; border:1px solid #d51938;
}


.web3jia5_root .web3jia5_leaveMsg{
	padding:15px 10px 0 0;
}


.web3jia5_root .web3jia5_leaveMsg table{
	font-size:12px;
	width:100%;
}


.web3jia5_root .web3jia5_leaveMsg th{
	font-weight:lighter;
	 width:70px;
	 text-align:right;
}


.web3jia5_root .web3jia5_leaveMsg td{
	padding:5px 0 0;
}


.web3jia5_root .web3jia5_text{
	border:1px solid #ccc;
	 height:25px;
	 /*padding:0 3px;*/
	 color:#f00;
	 font-size:14px;
	 font-family:"Arial";
}


.web3jia5_root .web3jia5_textarea{
	border:1px solid #ccc;
	 height:80px;
	 /*padding:0 3px;*/
	  color:#f00;
	 font-size:14px;
	 font-family:"Arial";
}


.web3jia5_root .web3jia5_leaveMsg p {
	line-height:20px;
	 color:#999;
}


.web3jia5_root .web3jia5_leaveMsg p b{
	color:#c00;
}


.web3jia5_root .web3jia5_leaveMsg .web3jia5_MsgBtn{
	margin-right:10px;
}


.web3jia5_root .web3jia5_faces {
	margin:0;
	width: 280px;
	border: 1px solid #e66c76;
	background: #e5f0f7;
	padding: 1px;
	position: absolute;
	bottom: 30px;
	left: 0;
}


.web3jia5_root .web3jia5_faces ul {
	margin:0;
	 padding:0;
	background: #fff;
}


.web3jia5_root .web3jia5_faces li {
	margin:0;
	 padding:0;
	width: 26px;
	height: 26px;
	border: 1px solid #ffc9cd;
	text-align: center;
	float: left;
}


.web3jia5_root .web3jia5_faces li a img {
	margin:0;
	 padding:0;
	width: 22px;
	height: 22px;
}


.web3jia5_root .web3jia5_faces li a img:hover {
	border: 1px solid #e66c76;
}



.web3jia5_root .web3jia5_talkBox dt{
	color: #a70909;
	height: 2em;
	line-height: 2em;
	text-shadow: 1px 1px 1px #eee;
}


.web3jia5_root .web3jia5_talkBox dd{
	background:#a70909;
	border-radius: 8px;
	clear: left;
	color: #fff;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	max-width: 80%;
	padding: 0.5em;
	word-break: break-all;
	word-wrap: break-word;
}


.web3jia5_root .web3jia5_talkBox .send {
	text-align: right;
	padding-right:5px;
}


.web3jia5_root .web3jia5_talkBox .send dt{
	color: #454545;
}


.web3jia5_root .web3jia5_talkBox .send dd{
	background:#eee;
	clear: right;
	color: #454545;
	float: right;
	max-width: 80%;
	text-align: left;
}


.web3jia5_root .web3jia5_talkBox .send p{
	color:#a5a5a5;
}


.web3jia5_root .web3jia5_talkBox .recv p{
	color:#e3e3e3;
}


.web3jia5_root .web3jia5_talkBox .card dd{
	color:#333;
	background:#ecf0f1;
	box-shadow: 0 1px 4px 0 #999;
}



.web3jia5_root .innerFace{
	margin:0;
	 padding:0;
	background:#fff url(../img/face.gif) no-repeat;
	float:left;
	height:25px;
	display:inline;
	overflow:hidden;
	width:25px;
	border:1px solid #fff;
	cursor:pointer;
}


.web3jia5_root .innerFace:hover{
	border:1px solid #e66c76;
}


.web3jia5_root .Face01{
	background-position:-10px -10px;
}

.web3jia5_root .Face01:hover{
	background-position:-10px -12px;
}


.web3jia5_root .Face02{
	background-position:-45px -10px;
}

.web3jia5_root .Face02:hover{
	background-position:-45px -12px;
}


.web3jia5_root .Face03{
	background-position:-80px -10px;
}

.web3jia5_root .Face03:hover{
	background-position:-80px -12px;
}


.web3jia5_root .Face04{
	background-position:-115px -10px;
}

.web3jia5_root .Face04:hover{
	background-position:-115px -12px;
}


.web3jia5_root .Face05{
	background-position:-150px -10px;
}

.web3jia5_root .Face05:hover{
	background-position:-150px -12px;
}


.web3jia5_root .Face06{
	background-position:-185px -10px;
}

.web3jia5_root .Face06:hover{
	background-position:-185px -12px;
}


.web3jia5_root .Face07{
	background-position:-220px -10px;
}

.web3jia5_root .Face07:hover{
	background-position:-220px -12px;
}


.web3jia5_root .Face08{
	background-position:-255px -10px;
}

.web3jia5_root .Face08:hover{
	background-position:-255px -12px;
}


.web3jia5_root .Face09{
	background-position:-290px -10px;
}

.web3jia5_root .Face09:hover{
	background-position:-290px -12px;
}


.web3jia5_root .Face10{
	background-position:-325px -10px;
}

.web3jia5_root .Face10:hover{
	background-position:-325px -12px;
}


.web3jia5_root .Face11{
	background-position:-10px -45px;
}

.web3jia5_root .Face11:hover{
	background-position:-10px -47px;
}


.web3jia5_root .Face12{
	background-position:-45px -45px;
}

.web3jia5_root .Face12:hover{
	background-position:-45px -47px;
}


.web3jia5_root .Face13{
	background-position:-80px -45px;
}

.web3jia5_root .Face13:hover{
	background-position:-80px -47px;
}


.web3jia5_root .Face14{
	background-position:-115px -45px;
}

.web3jia5_root .Face14:hover{
	background-position:-115px -47px;
}


.web3jia5_root .Face15{
	background-position:-150px -45px;
}

.web3jia5_root .Face15:hover{
	background-position:-150px -47px;
}


.web3jia5_root .Face16{
	background-position:-185px -45px;
}

.web3jia5_root .Face16:hover{
	background-position:-185px -47px;
}


.web3jia5_root .Face17{
	background-position:-220px -45px;
}

.web3jia5_root .Face17:hover{
	background-position:-220px -47px;
}


.web3jia5_root .Face18{
	background-position:-255px -45px;
}

.web3jia5_root .Face18:hover{
	background-position:-255px -47px;
}


.web3jia5_root .Face19{
	background-position:-290px -45px;
}

.web3jia5_root .Face19:hover{
	background-position:-290px -47px;
}


.web3jia5_root .Face20{
	background-position:-325px -45px;
}

.web3jia5_root .Face20:hover{
	background-position:-325px -47px;
}


.web3jia5_root .Face21{
	background-position:-10px -80px;
}

.web3jia5_root .Face21:hover{
	background-position:-10px -82px;
}


.web3jia5_root .Face22{
	background-position:-45px -80px;
}

.web3jia5_root .Face22:hover{
	background-position:-45px -82px;
}


.web3jia5_root .Face23{
	background-position:-80px -80px;
}

.web3jia5_root .Face23:hover{
	background-position:-80px -82px;
}


.web3jia5_root .Face24{
	background-position:-115px -80px;
}

.web3jia5_root .Face24:hover{
	background-position:-115px -82px;
}


.web3jia5_root .Face25{
	background-position:-150px -80px;
}

.web3jia5_root .Face25:hover{
	background-position:-150px -82px;
}


.web3jia5_root .Face26{
	background-position:-185px -80px;
}

.web3jia5_root .Face26:hover{
	background-position:-185px -82px;
}


.web3jia5_root .Face27{
	background-position:-220px -80px;
}

.web3jia5_root .Face27:hover{
	background-position:-220px -82px;
}


.web3jia5_root .Face28{
	background-position:-255px -80px;
}

.web3jia5_root .Face28:hover{
	background-position:-255px -82px;
}


.web3jia5_root .Face29{
	background-position:-290px -80px;
}

.web3jia5_root .Face29:hover{
	background-position:-290px -82px;
}


.web3jia5_root .Face30{
	background-position:-325px -80px;
}

.web3jia5_root .Face30:hover{
	background-position:-325px -82px;
}


.web3jia5_root .Face31{
	background-position:-10px -115px;
}

.web3jia5_root .Face31:hover{
	background-position:-10px -117px;
}


.web3jia5_root .Face32{
	background-position:-45px -115px;
}

.web3jia5_root .Face32:hover{
	background-position:-45px -117px;
}


.web3jia5_root .Face33{
	background-position:-80px -115px;
}

.web3jia5_root .Face33:hover{
	background-position:-80px -117px;
}


.web3jia5_root .Face34{
	background-position:-115px -115px;
}

.web3jia5_root .Face34:hover{
	background-position:-115px -117px;
}


.web3jia5_root .Face35{
	background-position:-150px -115px;
}

.web3jia5_root .Face35:hover{
	background-position:-150px -117px;
}


.web3jia5_root .Face36{
	background-position:-185px -115px;
}

.web3jia5_root .Face36:hover{
	background-position:-185px -117px;
}


.web3jia5_root .Face37{
	background-position:-220px -115px;
}

.web3jia5_root .Face37:hover{
	background-position:-220px -117px;
}


.web3jia5_root .Face38{
	background-position:-255px -115px;
}

.web3jia5_root .Face38:hover{
	background-position:-255px -117px;
}


.web3jia5_root .Face39{
	background-position:-290px -115px;
}

.web3jia5_root .Face39:hover{
	background-position:-290px -117px;
}


.web3jia5_root .Face40{
	background-position:-325px -115px;
}

.web3jia5_root .Face40:hover{
	background-position:-325px -117px;
}


.web3jia5_root .Face41{
	background-position:-10px -150px;
}

.web3jia5_root .Face41:hover{
	background-position:-10px -152px;
}


.web3jia5_root .Face42{
	background-position:-45px -150px;
}

.web3jia5_root .Face42:hover{
	background-position:-45px -152px;
}


.web3jia5_root .Face43{
	background-position:-80px -150px;
}

.web3jia5_root .Face43:hover{
	background-position:-80px -152px;
}


.web3jia5_root .Face44{
	background-position:-107px -150px;
}

.web3jia5_root .Face44:hover{
	background-position:-107px -152px;
}


.web3jia5_root .Face45{
	background-position:-150px -150px;
}

.web3jia5_root .Face45:hover{
	background-position:-150px -152px;
}


.web3jia5_root .Face46{
	background-position:-185px -150px;
}

.web3jia5_root .Face46:hover{
	background-position:-185px -152px;
}


.web3jia5_root .Face47{
	background-position:-213px -150px;
}

.web3jia5_root .Face47:hover{
	background-position:-213px -152px;
}


.web3jia5_root .Face48{
	background-position:-255px -150px;
}

.web3jia5_root .Face48:hover{
	background-position:-255px -152px;
}


.web3jia5_root .Face49{
	background-position:-290px -150px;
}

.web3jia5_root .Face49:hover{
	background-position:-290px -152px;
}


.web3jia5_root .Face50{
	background-position:-325px -150px;
}

.web3jia5_root .Face50:hover{
	background-position:-325px -152px;
}