@charset "utf-8";
div,form,img,ul,ol,li,dl,dt,dd,option,td,th,video{ 
	margin:0;
	padding:0;
	border:0; 
	list-style:none outside none;
}
/* td{
	word-break: break-all;//超过长度强制换行
}
 */
h1,h2,h3,h4,h5,h6,p,span,blockquote,input,select,textarea{ 
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0; 
	border:0;
}

/********chatBody*******/
.chatBody{
	position: fixed;
	right:10px;
	top:0px;
	width: 230px;
	box-shadow:1px 1px 12px #a7a7a7;
	border-radius:3px;
	background: #f1f1f1;
	z-index:100;
}

.chatBody .chatTitle{
	height:35px;
	background: #f1f1f1;
	line-height:35px;
	font-size:12px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.chatBody .chatTitle .titleName{
	color:#373737;
	margin:0px 25px 0px 15px;
}
.chatBody .chatTitle .onlinePeople{
	color:#329ddc;
	padding-left: 30px;
}

.chatBody .newsBody{
	height:30px;
	line-height:30px;
	background: #fff;
	border-radius:3px;
	width:220px;
	margin:0px 5px;
	font-size:12px;
}

.chatBody .newsBody .newsIcon{
	background: url("/okcoin/image/chat/newsIcon.png") no-repeat scroll transparent;
	display: inline-block;
	width:16px;
	height:14px;
	float:left;
	margin:8px 10px 0px;
}
.chatBody .newsBody a{
	text-decoration: none;
	color:#329ddc;
}
.chatBody .newsBody a:hover{
	text-decoration: none;
	color:#329ddc;
}
.chatBody .newsBody .titlePart{
	color:#329ddc;
	margin-right:10px;
}

.chatBody .personalInfo{
	height:40px;
	line-height:40px;
	width:220px;
	margin:0px 5px;
	font-size:12px;
	color:#373737;
}
.chatBody .personalInfo .perIcon{
	background: url("/okcoin/image/chat/personalIcon.png") no-repeat scroll transparent;
	display: inline-block;
	width:10px;
	height:14px;
	float:left;
	margin:13px 10px 0px;
}
.chatBody .personalInfo .personalName{
	float:left;
}
.chatBody .personalInfo a.changeIcon{
	background: url("/okcoin/image/chat/changeIcon.png") no-repeat scroll transparent;
	display: inline-block;
	width:15px;
	height:15px;
	float:left;
	margin:12.5px 0px 0px 20px;
}

.chatBody .personalInfo a.changeIcon:hover{
	background: url("/okcoin/image/chat/changeIcon_h.png") no-repeat scroll transparent;
	text-decoration: none;
}

.chatBody .personalInfo .inputPersonalName{
	width:189px;
	height:25px;
	line-height:25px;
	padding-left:30px;
	border:none;
	color:#373737;
	border-radius:3px;
	float:left;
	margin-top:7px;
	background: url("/okcoin/image/chat/personalIcon.png") no-repeat scroll 10px 5px #fff;
}

.chatBody .chatContent{
	width:220px;
	margin:0px 5px;
	background: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
	height:400px;
}
.chatBody .chatContent ul{
	padding:0px 15px 15px;
}
.chatBody .chatContent li{
	margin-top:15px;
	display: inline-block;
	width:98%;
}
.chatBody .chatContent p{
	font-size:12px;
	line-height:16px;
}
.chatBody .chatContent p.dateTime{
	color:#373737;
	text-align: center;
}
.chatBody .chatContent p.speakTime{
	text-align: center;
}
.chatBody .chatContent p.speak_other{
	color:#373737;
}
.chatBody .chatContent p.speak_own{
	color:#329ddc;
}
.chatBody .chatContent p.speak_manager{
	color:#ff0000;
}

.chatBody .speakContent{
	width:220px;
	margin:5px 5px 0px;
	background: #f1f1f1;
	overflow: hidden;
	height:50px;
}

.chatBody .speakContent textarea{
	width:193px;
	height:60px;
	border: none;
	overflow-x: hidden;
	padding: 5px;
}


.chatBody .sendMessage{
	width:220px;
	margin:0px 5px;
}

.chatBody .sendMessage a.fullScr{
	background: url("/okcoin/image/chat/full.png") no-repeat scroll transparent;
	display: inline-block;
	width:28px;
	height:19px;
	float:left;
	margin:10px 10px 0px 0px;
}
.chatBody .sendMessage a.fullScr:hover{
	background: url("/okcoin/image/chat/full_h.png") no-repeat scroll transparent;
	text-decoration: none;
}
.chatBody .sendMessage a.clearScreen{
	display: inline-block;
/* 	width:23px; */
	height:17px;
	line-height:19px;
	padding:0px 3px;
	float:left;
	margin:10px 0px 0px;
	font-size:12px;
	border:1px solid #a7a7a7;
	text-align: center;
	border-radius:2px;
	color:#a7a7a7;
}
.chatBody .sendMessage a.clearScreen:hover{
	text-decoration: none;
}
.chatBody .sendMessage input.sendMsge{
	display: inline-block;
	width:98px;
	height:28px;
	background:#1987da;
	border:1px solid #1987da;
	border-radius:3px;
	cursor:pointer;
	color:#fff;
	text-align:center;
	font-size:12px;
	float:right;
	margin:5px 0px;
}

.chatBody.chatBodyNew {
	border-radius: 3px;
	position: fixed;
	right:10px;
	bottom:0;
	top: auto;
	width: 253px;
	height: 500px;
	display: none;
}
.chatBody.chatBodyNew .newsBody.newsBodyNew {
	width: 225px;
	margin: 0 auto;
}
.chatBody.chatBodyNew .personalInfo.personalInfoNew {
	width: 225px;
	margin-left: auto;
	margin-right: auto;
}
.chatBody.chatBodyNew .chatContent.chatContentNew {
	width: 225px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	border-radius: 3px;
}
.chatBody.chatBodyNew .speakContent.speakContentNew {
	width: 225px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.chatBody.chatBodyNew .speakContent.speakContentNew textarea {
	width: 215px;
	height: 40px;
	border-radius: 3px;
}
.chatBody.chatBodyNew .sendMessage.sendMessageNew {
	width: 225px;
	margin: 10px auto;
}
.chatBody.chatBodyNew .personalInfo.personalInfoNew .clearScreen {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 3px;
	background: #459cdf;
	color: white;
	border: none;
	padding: 3px 10px;
	height: 17px;
	line-height: 16px;
	margin:10px 0px 0px;
	text-align: center;
	text-decoration: none;
}
.chatBody.chatBodyNew .sendMessage.sendMessageNew input.sendMsge {
	width: 225px;
	margin: 0;
}

.chatBody.chatBodyService {
	border-radius: 3px;
	position: fixed;
	right:10px;
	bottom:0;
	top: auto;
	width: 253px;
	height: 200px;
	display: none;
}
.chatBody.chatBodyService .chatTitle {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.chatBody.chatBodyService .chatCenter {
	background: white;
	border-radius: 3px;
	width: 200px;
	height: 70px;
	margin: 10px auto;
	padding: 15px;
}
.chatBody.chatBodyService .chatCenter .line {
	margin-top: 10px;
	font-size: 12px;
}
.chatBody.chatBodyService .chatCenter .title {
	display: inline-block;
	width: 50px;
}
.chatBody.chatBodyNew .chatCenter .link {
	margin-left: 15px;
}
.chatBody.chatBodyService .chatBottom .right {
	background: #e8e8e8;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 88px;
	height: 35px;
	line-height: 35px;
	border-top-left-radius: 3px;
	cursor: pointer;
	font-size: 12px;
}

.chatBody.chatBodyNew .chatBottom .left {
	background: #e8e8e8;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 160px;
	height: 35px;
	line-height: 35px;
	border-top-right-radius: 3px;
	cursor: pointer;
	font-size: 12px;
}

/*****入口*****/
.entrance{
	position: fixed;
	right:10px;
	bottom:0px;
	width: 230px;
	height:35px;
	box-shadow:-1px 3px 7px #a7a7a7;
	background: #0096df;
	border-radius:3px 3px 0px 0px;
	line-height:35px;
	font-size:12px;
	z-index: 101;
	color: #fff;
}
.entrance.entranceNew {
	width: auto;
}
.entrance.entranceNew .wrapper {
	display: inline-block;
	float: left;
	cursor: pointer;
}

.entrance.entranceNew .wrapper a.upPopService{
	color: #fff;
	text-decoration: none;
}

.entrance .iconTipsService,
.chatBody.chatBodyService .chatTitle .iconTipsService,
.chatBody.chatBodyNew .chatBottom .left .iconTipsService {
	display: inline-block;
	width: 17px;
	height:16px;
	background: url("/okcoin/image/chat/online_service_n.png") no-repeat scroll transparent;
	float:left;
	margin:10px 10px 0px 15px;
}
.entrance .iconTips,
.chatBody.chatBodyNew .chatTitle .iconTips,
.chatBody.chatBodyService .chatBottom .right .iconTips {
	display: inline-block;
	width: 17px;
	height:16px;
	background: url("/okcoin/image/chat/tips_h_n.png") no-repeat scroll transparent;
	float:left;
	margin:10px 10px 0px 15px;
}
.entrance .text,
.chatBody.chatBodyService .chatBottom .right .text {
	cursor: pointer;
	float: left;
}
.entrance .text:last-child {
	margin-right: 10px;
}
.entrance .splitter {
	float: left;
	color: #dddddd;
	margin-left: 5px;
}
.control a.upPop{
	display: inline-block;
	width: 8px;
	height:5px;
	background: url("/okcoin/image/chat/up.png") no-repeat scroll transparent;
	margin-top:15px;
	float:right;
	margin-right:10px;
}
.control a.upPop:hover{
	background: url("/okcoin/image/chat/up_h.png") no-repeat scroll transparent;
}
.control a.downPop{
	display: inline-block;
	width: 8px;
	height:5px;
	background: url("/okcoin/image/chat/down.png") no-repeat scroll transparent;
	margin-top:15px;
	float:right;
	margin-right:10px;
}
.control a.downPop:hover{
	background: url("/okcoin/image/chat/down_h.png") no-repeat scroll transparent;
}
.control.controlNew a.downPop {
	width: 40px;
	height: 30px;
	margin-top: 3px;
	margin-right: 0;
	background-position: 50%;
}
.control.controlNew a.downPop:hover {
	background-position: 50%;
}
.control a.closePop{
	display: inline-block;
	width: 8px;
	height:8px;
	background: url("/okcoin/image/chat/close.png") no-repeat scroll transparent;
	margin-top:14.5px;
	float:right;
	margin-right:15px;
}
.control a.closePop:hover{
	background: url("/okcoin/image/chat/close_h.png") no-repeat scroll transparent;
}

/*** 聊天规则弹层 ***/
.chatRulePop{
	width:540px;
	padding:0px 30px;
	position:absolute;
	z-index:200;
	background:#ffffff;
	border-radius: 3px;
	top:90px;
  	left:350px;
  	display:none;
}
.chatRulePop .popTitle{
	height:50px;
	line-height:50px;
	font-size:16px;
	border-bottom:1px solid #e6e9ed;
}
.chatRulePop .popTitle .popClose{
/* 	background:url("/link/image/common/popClose.png") no-repeat scroll 0px 19px transparent; */
	float:right;
  	width:12px;
  	height:50px;
  	cursor:pointer;
  	color:#434a54;
}
.chatRulePop .popTitle .popClose:hover{
	text-decoration: none;
}
.chatRulePop .popSumbit{
	text-align:center;
}
.chatRulePop ul{
	padding:0px 30px;
	margin:20px 0px 50px;
}
.chatRulePop li{
/* 	margin-top:10px; */
	line-height: 30px;
	font-size:14px;
	display: inline-block;
}
.chatRulePop span.titleIcon{
	background:url("/okcoin/image/chat/circle.png") no-repeat scroll 2px 1px transparent;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right:6px;
}
.chatRulePop span.titleIconNull{
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right:6px;
}

.layerPopChat {
	width:360px;
	min-height:200px;
	box-shadow:0px 1px 8px 0px rgba(0,0,0,0.3);
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -180px;
	position: fixed !important;
	position: absolute;
	z-index: 102;
	color: #333;
	background: #fff;
	display: none;
}

.layerPopChat .popTitle{
	width: 320px;
	margin: 0px auto;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}

.layerPopChat .content{
	text-align: center;
	font-size: 14px;
	height:100px;
	line-height: 100px;
}

.layerPopChat .submit{
	text-align: center;
	margin-bottom: 20px;
}

.layerPopChat .submit a{
	display: inline-block;
	height: 30px;
	width: 80px;
	line-height: 30px;
	text-decoration: none;
}

.layerPopChat .submit a.sure{
	background: #329ddc;
	color: #fff;
	border: 1px solid #329ddc;
}

.layerPopChat .submit a.cancle{
	background: #fff;
	color: #333;
	border:1px solid #ccc;
	margin-left: 10px;
}