@charset "utf-8";
/* CSS Document */

html,body {
	overflow: hidden;
	background:rgb(251,251,251);
}
.lvbg{
	width: 286px;
	height: 235px;
	position: absolute;
	right: 0;
	top: 0;
}
.record {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;  
	margin-top: 10px;
	outline: none;
}
.scrfirBtn,.scrbotBtn{
	display: none;
	-webkit-user-modify: read-only !important;
	outline: none;  
}
.scrfirBtn{
	position: fixed;
	top: 0;
	right: 0;
	height: 10px;
	width: 10px;
	background:url(../images/chat.png) -5px -164px;
}
.scrfirBtn:hover{
	background:url(../images/chat.png) -5px -152px;
}
.scrbotBtn{
	position: fixed;
	bottom: 0;
	right: 0;
	height: 10px;
	width: 10px;
	background:url(../images/chat.png) -5px -139px;
}
.scrbotBtn:hover{
	background:url(../images/chat.png) -5px -127px;
}
.record a.urlread{
	cursor: pointer;
}
.record a{
	outline: none;
}
#recordInfo {
	overflow-x: hidden;
	overflow-y: scroll;
}
.mesRecFoot {
	width: 100%;
	height: 35px;
	background: #E0F9D6;
	position: fixed;
	left: 0px;
	bottom: 0px;
}
.messRec {
	width: 230px;
	float: right;
	height: 35px;
}
.calendarBox {
	float: left;
	position: relative;
	width: 100px;
	margin-top: 7px;
}
.paging {
	float: left;
	margin: 6px 10px auto auto;
}
.paging a {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #E0F9D6;
	background-image: url(../images/paging.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.paging a:hover {
	border: 1px solid #838383;
}
#homepage {
	background-position: 4px 3px;
}
#uppage {
	background-position: -24px 3px;
}
#downpage {
	background-position: -50px 3px;
}
#lastpage {
	background-position: -74px 3px;
}
/*时间*/

.recTime {
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
.chatRecTime {
	width: 100%;
	float: left;
	margin-top: 3px;
}
.timeCon {
	float: left;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #242424;
	display: inline;
	list-style: list-style-image;
}
.recline {
	float: left;
	height: 9px;
	border-bottom: 1px solid #fff;
}
.recline div {
	width: 100%;
	height: 8px;
	border-bottom: 1px solid #d5d5d5;
}
.dialogueWarp {  
	clear: both; 
	text-align: center;  
}
.dialogueWarp div {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
}
.dialogueWarp div p.dialogueTime {
	color: #242424;
	padding-bottom: 6px;
}
/******聊天框历史记录消息start*******/
.dialogueWarp p.dialogueTit {
	/* height: 22px; */
	line-height: 20px;
	padding: 5px 0;
	color:#8b8b88; 
	user-select:none;
	text-align: center;
	-webkit-user-select:none;
	-webkit-user-modify: read-only !important;
	font-family: '微软雅黑';
}
.dialogueWarp p.dialogueTit b{
	color: #d3dee2;
	-webkit-user-modify: read-only !important;
}
/******聊天框历史记录消息end*******/
/*****历史记录左面和右面的横杠start*******/
.left_hang,
.right_hang{
	display: block;
	height: 1px;
	background-color:#9A9C9D;
	width: 50px;
	line-height: 22px;
	margin-top: 11px;
	opacity: 0.3;
}
.left_hang{
	float: left;
}
.right_hang{
	float: left;
}
/*****历史记录左面和右面的横杠end*******/
/*消息内容*/

.chatRecord {   
	overflow: hidden; 
}
.chatRecord dl{ 
	clear: both;
	width: 100%;
} 
.chatRecord dl,.chatRecord dl p{
	font-family: '微软雅黑';
}
.chatRecord dl p{ 
	font-size: 12px;
	padding: 3px 0 0 12px;
} 
.chatRecord dl dd{
	padding-left: 18px;
	padding-top: 5px;
}
.chatRecord dl p.partner-one { 
	color: #00823c;
} 
.myLvid{
	color: rgb(0,114,193);
	text-decoration: underline;
}
.otherLvid{
	color: rgb(12,123,197);
	text-decoration: underline;
}
/****聊天框别人的昵称end*****/
.chatRecord dl .pdd{ 
	padding-left: 30px; 
	color: #242424; 
	word-wrap: break-word; 
	word-break: break-all;
}
.chatRecord dl p img.imgface {
	vertical-align: middle;
}
.chatRecord dl p img.imgcut {
	vertical-align: text-bottom;
}
/****聊天框自己的昵称sart*****/
.chatRecord dl p.partner-two {
	color: #0000EE;
}
.linkBox {
    width: 261px;
    overflow: hidden;
    min-height: 89px;
    height: 91px;
    margin-bottom: 6px;
    position: relative;
	background: url(../images/loadFile.gif) no-repeat 1px center;
}

.linkWarp {
    width: 257px;
    min-height: 88px;
    margin-left: 1px;
    height: 89px;
    overflow: hidden;
    border: 1px solid rgb(221,221,221);
	border-right:none;
    background:#fff;
    font-family: '微软雅黑';
}
.linkBox .filecont{
	height: 91px;
}
.linkBox .filecont{
	border-right: 1px solid rgb(221,221,221);
}
.linkBox .filecont div.linkInfo{
	height: 91px;
}
.chatFile{
	height: 93px;
	min-width: 93px;
	width: 260px;
	margin-left: 22px !important;
}
.linkWarp div.linkInfo {
    width: 100%;
    height: 89px;
    float: left;
    overflow: hidden;
}
.linkWarp div.linkInfo dl dd span,.linkWarp div.linkInfo .linkOpen p,.linkWarp div.linkInfo dl dt{
	cursor: pointer;
}
.linkBox .filecont .linkImg{
	width: 40px;
	height: 40px;
	margin: 10px 8px;
}
.linkBox .filecont .linkMessage{
	width: 197px;
	overflow: hidden;
}
.linkBox .filecont .linkMessage dl dt{
	width: 197px;
	cursor: default;
	padding-top: 3px;
	font-size: 12px;
}
.linkImg {
    width: 64px;
    margin: 6px;
    float: left;
    cursor: pointer;
}
.linkBox .filecont .linkImg img.typeImg{
	width: 37px !important;
	height: 40px !important;
}
.linkBox .filecont .linkImg .successIcon{
	left: 26px;
}
.linkImg img {
    width: 64px;
    height: 48px;
}
.linkMessage {
    width: 178px;
    height: 50px;
    margin-top: 10px;
    margin-left: 3px;
    display: inline-block;
    float: left;
}
.chatRecord dl, .chatRecord dl dd, .chatRecord dl dt {
    font-family: '微软雅黑';
}
.chatRecord dl {
    float: left;
    clear: both;
}
.linkMessage dl dt {
    width: 178px;
    height: 23px;
    padding-top: 0;
    float: left;
    font-size: 13px;
    color: #050a09;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.linkMessage dl dd {
    height: 20px;
    float: left;
    font-size: 12px;
    margin-top: -4px;
    overflow: hidden;
}
.linkMessage dl dd span {
    color: #7f7f7f;
}
.linkWarp div.linkOpen {
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    border-top: 1px solid #d2dde1;
}
.linkWarp div.linkOpen p {
    color: #7f7f7f;
    display: inline;
    padding: 0;
} 
.filecont div.linkOpen{
	text-align: right;
	height: 30px;
    line-height: 30px;
}
.filecont div.linkOpen span{
	margin: 0 6px;
}
.linkWarp div.linkOpen i{
	width: 1px;
	background: rgb(221,221,221);
	height: 12px;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 5px;
}
.linkWarp div.linkOpen span {
    display: inline-block;
    font-size: 12px;
    color: rgb(0,114,193);
    margin: 0 5px;
    cursor: pointer;
}
.linkWarp div.linkOpen p span{
	margin: 0;
	color: rgb(0,114,193);
}
.linkWarp div.linkOpen span:hover{
	text-decoration: underline;
}
.linkWarp div.linkOpen img{
	position: absolute;
	right: 10px;
	bottom: 17px;
}
.linkMess {
	width: 100%;
	height: 22px;
	float: left;
	border-bottom: 1px solid #ededed;
}
.linkMess div {
	float: left;
	font-size: 12px;
	color: #828282;
} 
.recordList {
	position: absolute;
	top: 20px;
	left: 90px;
	z-index: 99;
	width: 150px;
	padding: 1px;
	background: #eef1f0;
	border: 1px solid #afafaf;
}
.recordList ul {
	width: 125px;
	float: right;
	/* background: #fff; */
}
.recordList li {
	width: 115px;
	float: left;
	margin-left: -25px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	color: #121212;
	padding-left: 35px;
}
.recordList li:hover {
	background: #5387ce;
	color: #fff;
	cursor: default;
}
.atMsgInfo { 
	width: 100%; 
	height: auto;
    background: #cbeaf7;  
	position: fixed;
	left: 0;
	top: 0; 
	z-index: 9999;
	word-break: break-all; 
	line-height: 23px;
	font-size: 12px;
	color: #8a9290;   
	display: none;
	cursor: pointer;   
}
.atMsgInfo p.recorderror{
	padding-left: 20px;
    background: url(../images/blue/imp_btn.png) no-repeat left 3px;
}
.atMsgInfo p{
	color: #000;
    float: left;
    margin-left: 8px;
    margin-right: 16px;
    font-family: '微软雅黑'; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; 
    overflow: hidden;
    text-overflow: ellipsis;
}  
.atMsgInfo p .person{
	color: #000; 
	font-style: normal;
}
.atMsgInfo span{
	float: right;  
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 3px;
    top: 0;
}
.atMsgInfo span img{
	margin-top: 5px;
}
.atMsgInfo span img:hover{
	background: url(../images/chatClose_ho.png);
}
.newestInfo { 
	height:24px;
	background: #cbeaf7;
	position: fixed;
	left: 0; 
	bottom: 0; 
	z-index: 9999;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
	padding-left: 8px;
	line-height: 24px;
	font-size: 12px;
	color: #8a9290; 
	display: none; 
	cursor: pointer;   
}
.linkUpdated{
	width: 197px;
	cursor: default;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
/*日历*/

#demospan {
	position: absolute;
	top: 4px;
	left: 20px;
} 
.dialogueTit span{
	max-width: 290px;
	color: #000000;!important;
	background:#e0e0e0;
	display: inline-block; 
	word-wrap: break-word;
	line-height: 20px;
	text-align: left;
	border-radius:8px;
	padding: 3px 18px;
	margin: 5px 20px 0 20px;
	-webkit-user-modify: read-only !important;
} 
.dialogueTit span.errorbg{
	padding-left:30px;
	background: #d6d6d6 url(../images/error.png) no-repeat 7px center;
}
.dialogueTit span.successbg{
	padding-left:30px;
	background: #d6d6d6 url(../images/success.png) no-repeat 7px center;
}
::-webkit-scrollbar{
	width: 10px;
}
::-webkit-scrollbar-button:vertical:increment{   
	background: #fff url(../images/tri_bottom_ho.png) no-repeat left center; 
	border: 1px solid #fff;  
	height: 10px; 
	border-radius: 1px;   
}
::-webkit-scrollbar-button:vertical:increment:hover{ 
	background: #fff url(../images/tri_bottom9.png) no-repeat left center; 
	border: 1px solid #8D8D8D;
	border-radius: 1px;
	height: 10px; 
}  
::-webkit-scrollbar-button:vertical:decrement{
	background: rgba(245,245,245,0) url(../images/tri_top_ho.png) no-repeat left center; 
	border: 1px solid rgba(245,245,245,0);  
	border-radius: 1px;
	height: 10px;    
} 
::-webkit-scrollbar-button:vertical:decrement:hover{
	background: #fff url(../images/tri_top9.png) no-repeat left center;  
	border: 1px solid #8D8D8D; 
	height: 10px; 
} 
::-webkit-scrollbar-button{
	display: block;    
}  
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
    display: none;
}
.clear { display:block !important; clear:both !important; float:none !important; margin:0 !important; padding:0 !important; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; height:0; } 
.imgcutbo{
	border:1px solid #000 !important;
}
.imgcut{
	border:1px solid transparent;
}

/* @文字样式 */
.person{
	color: rgb(0,110,254);
	text-decoration: none;
	padding: 1px;
	margin-right: 3px;
}
.selfperson{
	background: rgb(211,238,188);
	color: #000;
	padding: 1px;
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 3px;
	text-decoration: none;
	border: 1px solid rgb(184,230,142);
}
/*聊天记录文字*/
#loadPrePage{
	text-align: center;
	color: #8b8b88;
	-webkit-user-select: none; 
	margin-bottom: 3px; 
	padding-left:5px;
}
#loadPrePage a {
    text-decoration: none;
    outline: 0;
    outline: expression(this.hideFocus=true);
    color: rgb(0, 114, 193); 
    margin-left: 5px;
    background: url(../images/chat.png) -5px -60px no-repeat;
    padding-left: 15px;
}  
.successIcon{
	width: 14px !important;
    height: 14px !important;
    position: absolute;
    bottom: 0px;
    left: 36px;
} 
.linkImg{
	position: relative;
}
.more{
	width: 12px;
	height: 12px;	
	margin: 0 6px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/chat.png) no-repeat -5px -99px;
}
.more:hover{
	background: url(../images/chat.png) no-repeat -5px -114px;
}
.chatRecord p.listStyle{
	background:url(../images/chat/liststyle.png) no-repeat 20px center;
}
.chatRecord p.listStyle2{
	background:url(../images/chat/liststyle.png) no-repeat 20px center !important;
}
.errorIcon{
	cursor: pointer;
	margin: 0;
	padding: 0;
	margin-left: -19px;
	margin-right: 4px;
}
.imgLoad{
	position: relative;
	width: 42px;
	height: 32px;
	overflow: hidden;
	margin-bottom: 5px;
	display: inline-block;
	background: url(../images/uploadImg.gif) no-repeat;
}
.imgLoad i{
	position: absolute;
	left: 0;
	bottom: 0;
	width:5%;
	height: 3px;
	display: none;
	background: #fab732;
}
.par{
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.errorPic{
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	background: rgba(0,0,0,0.5) url(../images/imp.png) no-repeat center center;
	z-index: 9999;
	left: 0;
	top: 0;
	cursor: pointer;
}
.errorPic em{
	display: none;
}
.par b.pic{
	width: 100%;
	height: 100%;
	display: inline-block;
	display: none;
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}
.par b.pic i{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	background:url(../images/imgLoad.png);
	animation: loadingAni 3s steps(30) infinite;
	-webkit-animation: loadingAni 3s steps(30) infinite;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}
@keyframes loadingAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3000% 0;
  }
}
@-webkit-keyframes loadingAni {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3000% 0;
  }
}
.par .imgcut{
	max-height: 200px;
	max-width: 280px;
} 
.tupu_pro{
	margin-left: 23px;
}