|
|
|
|
@ -22,18 +22,8 @@
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
.chatBg .el-tabs__header{margin: 0;}
|
|
|
|
|
.faceBtn, .faceBtn:after, .faceBtn {
|
|
|
|
|
border: 1px solid;
|
|
|
|
|
}
|
|
|
|
|
.iconBtns{
|
|
|
|
|
border-top:1px solid #e4e4e4;
|
|
|
|
|
color: #b2b2b2;
|
|
|
|
|
padding: 2px 0;
|
|
|
|
|
}
|
|
|
|
|
.iconBtns div{
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.visitorFaceBtn{
|
|
|
|
|
float: left;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
@ -56,58 +46,6 @@
|
|
|
|
|
bottom: 0px;
|
|
|
|
|
z-index: 999;
|
|
|
|
|
}
|
|
|
|
|
.faceBtn {
|
|
|
|
|
-webkit-border-radius: 50%;
|
|
|
|
|
-moz-border-radius: 50%;
|
|
|
|
|
-o-border-radius: 50%;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
height: 28px;
|
|
|
|
|
width: 28px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
color: #9da0a0;
|
|
|
|
|
text-align: left;
|
|
|
|
|
text-indent: -9999px;
|
|
|
|
|
direction: ltr;
|
|
|
|
|
position: relative;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.faceBtn:before {
|
|
|
|
|
content: '';
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
-webkit-border-radius: 50%;
|
|
|
|
|
-moz-border-radius: 50%;
|
|
|
|
|
-o-border-radius: 50%;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
box-shadow: 8px 0 0 0, 0 0 0 2px inset;
|
|
|
|
|
height: 4px;
|
|
|
|
|
width: 4px;
|
|
|
|
|
left: 7px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 29%;
|
|
|
|
|
}
|
|
|
|
|
.faceBtn:after {
|
|
|
|
|
content: '';
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
-webkit-border-radius: 50%;
|
|
|
|
|
-moz-border-radius: 50%;
|
|
|
|
|
-o-border-radius: 50%;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
-webkit-transform: translateX(-50%);
|
|
|
|
|
-moz-transform: translateX(-50%);
|
|
|
|
|
-ms-transform: translateX(-50%);
|
|
|
|
|
-o-transform: translateX(-50%);
|
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
border-top-color: transparent;
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
height: 15px;
|
|
|
|
|
left: 50%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 10%;
|
|
|
|
|
width: 15px;
|
|
|
|
|
}
|
|
|
|
|
.imageBtn {
|
|
|
|
|
width: 32px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
@ -280,12 +218,13 @@
|
|
|
|
|
overflow: scroll!important;
|
|
|
|
|
}
|
|
|
|
|
.onlineUsers {
|
|
|
|
|
padding: 4px;
|
|
|
|
|
padding: 10px 4px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
border-bottom: solid 1px #f1f1f1;
|
|
|
|
|
border-left: 4px solid #fff;
|
|
|
|
|
display: flex;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.onlineUsers a{
|
|
|
|
|
color: #333;
|
|
|
|
|
@ -391,7 +330,12 @@ a{color: #07a9fe;text-decoration: none;}
|
|
|
|
|
border-top: 1px solid #e4e4e4;
|
|
|
|
|
}
|
|
|
|
|
.chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}
|
|
|
|
|
.footContact{text-align: center;}
|
|
|
|
|
.footContact{text-align: center;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 2px;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
.footContact a{font-size: 12px;color: #999;text-decoration: none;}
|
|
|
|
|
.chatTime{text-align: center;color: #bbb;margin: 12px 0;font-size: 12px;}
|
|
|
|
|
.chatTime span{display: inline-block;padding: 2px 5px;background: rgb(218,218,218);color: #fff;}
|
|
|
|
|
@ -431,8 +375,13 @@ a{color: #07a9fe;text-decoration: none;}
|
|
|
|
|
width: 96% !important;
|
|
|
|
|
}
|
|
|
|
|
.iconBtnsBox{
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
color: #7e7e7e;
|
|
|
|
|
}
|
|
|
|
|
.iconBtnsBox .iconBtn{
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.kefuMainBg{background: #f5f5f5;border: solid 1px #e6e6e6;boder-top:none;}
|
|
|
|
|
.kefuFuncBtns{background:#fff;margin: 2px 0px;color: #7f7f7f;border-bottom: 1px solid #e6e6e6;font-size: 12px;padding: 5px 0px;}
|
|
|
|
|
@ -457,7 +406,9 @@ a{color: #07a9fe;text-decoration: none;}
|
|
|
|
|
color:#007aff;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.iconBtnsBox .kefuSendBtn{margin-right: 4px;float: right;}
|
|
|
|
|
.iconBtnsBox .kefuSendBtn{
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
}
|
|
|
|
|
.clear{clear:both;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -536,19 +487,17 @@ a{color: #07a9fe;text-decoration: none;}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.visitorEditorArea{
|
|
|
|
|
margin: 0 5px;
|
|
|
|
|
}
|
|
|
|
|
.visitorEditorArea textarea {
|
|
|
|
|
padding: 7px 0 7px 8px;
|
|
|
|
|
font-size:16px;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
.visitorEditor{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.visitorSendBtn{
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
.visitorEditorBtn{
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 2px;
|
|
|
|
|
bottom: 2px;
|
|
|
|
|
}
|
|
|
|
|
.mainLeftMenu {
|
|
|
|
|
width: 70px;
|
|
|
|
|
|
taoshihan
2 years ago