/*chatCSS*/
.chat-sec{
width:15%;
height:35px;
position:relative;
background:#fff;
}
.chat-sec > a{
float:left;
padding:10px;
background:#696e73;
color:#fff;
font-weight:bold;
width:50%;
border-bottom:3px solid #6f7276
}
.chat-sec > a.not{
background:#353a40;
}
.ch-mess > ul > li > a, .ch-messs > ul > li > a{
float:left;
width:100%;
margin:3px 0;
padding:3px;
border-bottom:1px solid #ccc;
}
.ch-img{
background:url(../img/icon2.png) no-repeat -181px -546px;
width:32px;
height:32px;
display:block;
float:left;
}
.ch-mob{
background:url(../img/icon2.png) no-repeat -45px -47px;
width:16px;
height:30px;
display:block;
float:right;
}

.chat-secur{
width:240px;
float:left;
border:2px solid #10555a;
border-radius:8px 8px 0 0;
}
.ch-head{
background:#10555a;
color:#fff;
float:left;
width:100%;
}
.ch-name{
float:left;
padding:4px 8px;
}
.cha-close{
float:right;
padding:4px 0;
}
.cha-close > a{
color:#fff;
text-decoration:none;
margin-right:10px;
font-size:13px;
}
.cha-viewpr{
float:left;
width:100%;
}
.cha-viewpr ul{
margin:0;
padding:0;
}
.cha-viewpr ul li{
list-style:none;
margin:0;
padding:0;
text-align:center;
color:#24afb2;
}
.cha-viewpr ul li a{
text-decoration:none;
text-align:center;
color:#666;
padding:4px 12px;
margin:0;
font-size:12px;
display:inline-block;
}
a.upnow-btn{
border-radius:20px;
background:#24afb2;
color:#fff !important;
}
.cha-ig{
border:2px solid #bfcadd;
float:left;
border-radius:100%;
width:55px;
height:55px;
margin-left:4px;
}
.ig-chat{
border-radius:100%;
}
.cha-text{
float:left;
width:170px;
margin-left:4px;
height:55px;
vertical-align:middle;
}
.cha-text p{
margin:0;
color:#555;
padding:7px 0;
}
.cha-text > p > a{
color:#24afb2;
font-weight:bold;
}
.cha-usec{
margin:0;
padding-top:10px;
float:left;
width:100%;
background:#e2feff;
border-bottom:1px solid #ccc;
}
.cha-ups{
text-align:center;
margin:10px 0;
float:left;
width:100%;
}
.cha-ups a{
color:#fff;
text-decoration:none;
background:#22b0b4;
padding:4px 0;
border-radius:100%;
width:25px;
height:25px;
font-size:17px;
margin:0 20px;
}
.cha-write{
float:left;
width:100%;
border-top:2px solid #ccc;
}
.imoli > ul > li:hover > .ofbox{
display:block;
}
.txtarea{
border:none;
width:90%;
height:30px;
float:right;
}
.chbox{
float:left;
width:10%;
text-align:center;
background:#fff;
height:30px;
padding:8px;
}
.imoli > ul > li > a > i.fa-comment{
color:#24afb2;
}
.cha-keytxt{
float:left;
width:100%;
height:200px;
}
.cha-ups a:hover{
text-decoration:underline;
}
.cha-min{
float:left;
width:100%;

}
.ofbox{
display:none;
}
.cscw{
float:right;
padding:10px 8px;
color:#555;
}
.ofbox > li > a > i.fa-circle-o{
color:#cf453a;
}
.ofbox > li > a{
color:#54606e;
padding:5px 10px;
}
.ofbox > li > a > i.fa-comment{
color:#cccc;
}
.ofbox > li > a:hover{
background:#e9e9e9;
}
.im-sp{
margin:0 7px;
}
.imoli{
float:left;
padding:5px;
}
.cha-tab > ul > li > a:hover{
background:#ccc;
}
.imoli ul li a{
color:#555;
display:block;
padding:5px 10px;
}
.cha-tab{
float:left;
width:15%;
}
.cha-tab > ul > li{
width:50%;
float:left;
}
.cha-tab > ul > li > a{
font-weight:bold;
text-align:center;
padding:10px 0;
display:block;
background:#e9e9e9;
color:#666;
}
.chaa-usr{
float:right;
width:180px;
background:#10555a;
padding:13px 10px;
color:#fff;
}
.chaa-ico > a{
color:#fff;
margin:0 6px;
}
.chaa-sec{
float:left;
width:240px;
margin-left:50px;
}
.chaa-ico{
float:right;
}