@import "./chatroom";
$iconPath: "../../assets/images/";
.jianjiao-icon-left {
    background-image: url($iconPath+'zuoshanjiao_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.jianjiao-icon-right {
    background-image: url($iconPath+'youshanjiao_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.bofang-icon-left, .bofang-icon-right {
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background-image: url($iconPath+'bofang_icon.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.bofang-icon-right{
    right: 55px;
}
.bofang-icon-left{
    left: 55px;
}
.zuoxianduan-icon{
    background-image: url($iconPath+'zuoxianduan_img.png');
    background-repeat: no-repeat;
}
.youxianduan-icon{
    background-image: url($iconPath+'youxianduan_img.png');
    background-repeat: no-repeat;
}
.c-app-drag {
    -webkit-app-region: drag;
}

a {
    color: #17b3ec;
}

.mr15 {
    margin-right: 15px;
}

.ui-col-1 {
    width: 100%;
    height: 40px;
}

.div-msg-content {
    height: calc(100% - 290px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
}

.div-msg-content:hover::-webkit-scrollbar-thumb {
    background-color: #dcdce1;
    border-radius: 5px;
}

.time-tips i {
    width: 60px;
    height: 1px;
    margin-bottom: 4px;
    display: inline-block;
}

.div-textarea-content {
    height: 147px;
    width: 100%;
    border-top: 1px solid #dcdcdc;
    overflow: hidden;
    padding-right: 20px;
    box-sizing: border-box;
}

.div-textarea-content .div-img-group {
    height: 30px;
    padding-left: 20px;
    background: #F5F5FA;
    vertical-align: middle;
}

.div-textarea-content textarea {
    height: 100px;
    width: 100%;
    border: 0;
    padding: 10px;
    color: #333;
    font-size: 14px;
}

.div-textarea-content textarea:hover::-webkit-scrollbar-thumb {
    background-color: #dcdce1;
    border-radius: 5px;
}

.div-textarea-content .div-img-group {
    width: 100%;
}

.div-textarea-content .div-img-group a {
    background-position: 50%;
    height: 30px;
    width: 16px;
}

.div-textarea-content .div-img-group .imgIcon {
    display: inline-block;
    background-image: url($iconPath+'img_icon.png');
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
}

.div-textarea-content .div-img-group .imgIcon:hover {
    background-image: url($iconPath+'img_icon_pre.png');
}

.div-textarea-content .div-img-group .educArtIcon {
    display: inline-block;
    background-image: url($iconPath+'educArtIcon.png');
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
}

.div-textarea-content .div-img-group .educArtIcon:hover {
    background-image: url($iconPath+'educArtIcon_pre.png');
}

.div-textarea-content .div-img-group .wenJianIcon {
    display: inline-block;
    background-image: url($iconPath+'wenjian_icon.png');
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
}

.div-textarea-content .div-img-group .wenJianIcon:hover {
    background-image: url($iconPath+'wenjian_icon_pre.png');
    background-repeat: no-repeat;
}

.div-textarea-content .div-img-group .yuYinIcon {
    display: inline-block;
    background-image: url($iconPath+'yuying_icon.png');
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
}

.div-textarea-content .div-img-group .yuYinIcon:hover {
    background-image: url($iconPath+'yuying_icon_pre.png');
    background-repeat: no-repeat;
}

.div-textarea-content .div-img-group .shiPingIcon {
    display: inline-block;
    background-image: url($iconPath+'shiping_icon.png');
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
}

.div-textarea-content .div-img-group .shiPingIcon:hover {
    background-image: url($iconPath+'shiping_icon_pre.png');
    background-repeat: no-repeat;
    background-position: 50%;
}

.div-textarea-content .div-img-group .jieTuIcon {
    display: inline-block;
    background-image: url($iconPath+'jietu_icon.png');
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: middle;
}

.div-textarea-content .div-img-group .jieTuIcon:hover {
    background-image: url($iconPath+'jietu_icon_pre.png');
    background-repeat: no-repeat;
    background-position: 50%;
}

.fasong-btn {
    width: 66px;
    height: 34px;
    background: #fff;
    color: #666;
    display: block;
    border-radius: 5px;
    float: right;
    margin-right: 20px;
    outline: none;
    border: 1px solid #dcdcdc;
}

.fasong-btn i {
    width: 14px;
    height: 14px;
    background: url($iconPath+'fashong_icon_moren.png');
    display: inline-block;
}

.fasong-btn:hover {
    background: #12B7F5;
    color: #FFF;
}

.fasong-btn:hover i {
    background: url($iconPath+'fashong_icon_pre.png');
}

.win-ctrl-wrapper {
    width: 120px;
    float: right;
}
