* {
  margin: 0;
  padding: 0;
}

img {
  height: auto;
  overflow-y: scroll;
}

.lefttx {
  text-align: center;
  width: 280px;
  height: 55px;
  margin: 15% 0 0 -60px;
}

.tximg {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  border: 1px solid #e93e3e;
}

.sjimg {
  width: 35px;
position:absolute;
    bottom: 105px;
    left:70px;
    z-index:999;
}

.jcimg {
  width: 130px;
  position:absolute;
    bottom: 65px;
    left:130px;
    z-index:999;
}

.namea {
  display: inline;
  font-size: 15px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  height: 18px;
display:block;
    position:absolute;
    bottom: 338px;
    left:115px;
    z-index:9999;
}


.nameb {
  display: inline;
  font-size: 13px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  height: 18px;
display:block;
    position:absolute;
    bottom: 320px;
    left:135px;
    z-index:9999;
}

.textc {
  line-height: 10px;
  position: relative;
  top: 0px;
  font-size: 17px;
  text-align: center;
  color: white
}

.texta {
  opacity: 50%;
  border: none;
}

.texts {
  color: black;
}

.tops {
  margin: 0px 0px;
  width: 350px;
  height: 400px;
  -webkit-border-radius: 2px;
  padding: 1px;
  background: url(/home/chat/bgw.png) no-repeat;
  background-size: 100% 100%
}

.topt {
  margin: 0px 0px;
  width: 350px;
  height: 400px;
  -webkit-border-radius: 2px;
  padding: 1px;
  background: url(/home/chat/bgss.png) no-repeat;
  background-size: 100% 100%
}




.lefttxdk {
  text-align: center;
  width: 280px;
  height: 60px;
  margin: 12% 0 0 -67px;
}

.tximgdk {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid #e93e3e;
}

.namedk {
  display: inline;
  font-size: 14px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  height: 18px;
   display:block;
    position:absolute;
    bottom: 350px;
    left:110px;
    z-index:9999;
}


.lefttxdka {
  position:absolute;
    bottom: 315px;
    left:263px;
    z-index:999;
}

.tximgdka {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid #e93e3e;
}


.namedka {
  display: inline;
  font-size: 14px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
   display:block;
    position:absolute;
    bottom: 18px;
    left:-150px;
    z-index:9999;
}




.textdk {
margin: 7px 0 0 42px;
  line-height: 20px;
  font-size: 17px;
  text-align: center;
  width: 270px;
  height: 115px;
}

.textn {
font-size: 16px;
line-height: 24px;
  width: 250px;
    margin: 9.5% 0 0 14%;
    overflow: hidden;
}



.textna {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}