@keyframes launching {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.polyv-chat-room {
  font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  color: #455a64;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  padding-top: 38px;
  background-color: #fff;
  box-sizing: border-box
}

.polyv-chat-room a,
.polyv-chat-room button,
.polyv-chat-room div,
.polyv-chat-room h1,
.polyv-chat-room h2,
.polyv-chat-room h3,
.polyv-chat-room h4,
.polyv-chat-room h5,
.polyv-chat-room h6,
.polyv-chat-room i,
.polyv-chat-room img,
.polyv-chat-room input,
.polyv-chat-room li,
.polyv-chat-room p,
.polyv-chat-room span,
.polyv-chat-room textarea,
.polyv-chat-room ul {
  padding: 0;
  margin: 0;
  font-weight: 400;
  box-sizing: border-box
}

.polyv-chat-room img {
  border: 0;
  vertical-align: middle;
  max-width: 100%
}

.polyv-chat-room a {
  text-decoration: none
}

.polyv-chat-room ul {
  list-style: none
}

.polyv-chat-room .clearfix:after,
.polyv-chat-room .clearfix:before {
  content: "";
  display: table
}

.polyv-chat-room .clearfix:after {
  clear: both
}

.polyv-chat-room .clearfix {
  zoom: 1
}

.polyv-chat-room .polyv-fl {
  float: left
}

.polyv-chat-room .polyv-fr {
  float: right;
  position: relative
}

.polyv-chat-room .polyv-fr .polyv-chat-input-tip {
  display: none;
  position: absolute;
  right: 0;
  top: -35px;
  font-size: 12px;
  border-radius: 4px;
  padding: 5px;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ccc
}

.polyv-chat-room .polyv-fr .polyv-chat-input-tip:before {
  position: absolute;
  content: "";
  border: 5px solid transparent;
  width: 0;
  height: 0;
  border-top-color: #ccc;
  bottom: -11px;
  right: 10px
}

.polyv-chat-room .polyv-fr .polyv-chat-input-tip:after {
  position: absolute;
  content: "";
  border: 5px solid transparent;
  width: 0;
  height: 0;
  border-top-color: #fff;
  bottom: -10px;
  right: 10px
}

.polyv-chat-room .polyv-btn {
  border: none;
  border-radius: 4px;
  outline: 0;
  cursor: pointer
}

.polyv-chat-room .polyv-btn-info {
  color: #fff;
  background-color: #2196f3
}

.polyv-chat-room>.polyv-cr-head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.polyv-chat-room>.polyv-cr-body {
  position: relative;
  height: 100%;
  background-color: #e9ebf5
}

.polyv-chat-room>.polyv-cr-body>div {
  display: none;
  position: relative;
  height: 100%
}

.polyv-chat-room>.polyv-cr-body .polyv-set-nickname {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 127px;
  padding: 10px;
  text-align: center;
  background: hsla(0, 0%, 100%, 0);
  filter: alpha(opacity=0)
}

.polyv-chat-room>.polyv-cr-body .polyv-set-nickname>div {
  display: none;
  margin-bottom: 10px
}

.polyv-chat-room>.polyv-cr-body .polyv-set-nickname input {
  width: 100%;
  height: 28px;
  padding: 0 5px;
  color: #bdbdbd;
  line-height: 26px;
  border: 1px solid #ecf0f1;
  background: #fafafa;
  outline: none
}

.polyv-chat-room>.polyv-cr-body .polyv-set-nickname .polyv-btn {
  width: 60px;
  font-size: 14px;
  line-height: 22px
}

.polyv-chat-room>.polyv-cr-body .polyv-set-nickname.show {
  background: #fff
}

.polyv-chat-room>.polyv-cr-body .polyv-set-nickname.show>div {
  display: block
}

.polyv-chat-room>.polyv-cr-body .polyv-nickname-tip {
  display: none;
  padding: 10px
}

.polyv-chat-room>.polyv-cr-body .polyv-nickname-tip-error {
  color: #ce1414
}

.polyv-chat-room>.polyv-cr-body .polyv-nickname-tip-success {
  color: #8bc34a
}

.polyv-chat-room .polyv-cr-navbar {
  padding: 0 10px
}

.polyv-chat-room .polyv-cr-navbar>li {
  float: left;
  width: 50%;
  line-height: 35px;
  text-align: center;
  cursor: pointer
}

.polyv-chat-room .polyv-cr-navbar>li.polyv-crn-active {
  color: #2196f3;
  border-bottom: 3px solid #03a9f4
}

.polyv-chat-room .tab-ask,
.polyv-chat-room .tab-chat {
  padding-bottom: 127px
}

.polyv-chat-room .tab-chat.tab-chat--noinput {
  padding-bottom: 0
}

.polyv-chat-room .polyv-chat-list {
  overflow: hidden
}

.polyv-chat-room .polyv-chat-list--loading {
  position: relative
}

.polyv-chat-room .polyv-chat-list--loading:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB3ElEQVRoQ+2Y4XHCMAyF7YxTJzuUIWCdtutAdyg74HQc3HMu5nw04Pdk+Q645Lew3qenyBHWPPljn1y/aQLQ9/17Koz3/tiySK0AfowxE4T3vkmOVJQmh/d9vwKgbbc6sFQpaQs5597GcfxFqx/jIAecc/uu6w6n0+mAHC4BiOK7rtufz+cdA1EEiOKttduJ1todAsECJPEhBGetHRmIIsAwDNsQwv4ytgAIBiAXP+f48t5/Ik7DLcRCoAC14mGAGMhAIAAa4ikABqL0KaElngZgIG71sKZ4EUANhLZ4MUAOgY7W5EgG8c1Mm1uOFsfovXEWX2zkXrg+Q3LjNgFAZ3XLuCoHWgpDz34dgHl2f4Dk8bpXWRXnSw9K673fXAdeHJgB4iaFPBtFgIAkNMYcXxsArMLDhb3OS/xwpQUFVTmgeaOCev+FiQGkO2xUwO7Y9+BEADU7rGTHVgWo/SRmNjukrSgHasUnQZoQMAAjHtmJtSAgAEZ8rDICULPZ5a1VBGDFMwAaEHcBJOJZgFoIxgF4h0VbKG+F9E6wO3YRYL54qH+NJQDJCXbHhgCQeZzHSAHYPDF+BViq2uoA0UstW2iSsbTHEvqKoU0AilkVA1YAxWKKjlodEJVN8Ud/NJutQKUFNxkAAAAASUVORK5CYII=) no-repeat;
  background-size: contain;
  animation: launching 1s infinite
}

.polyv-chat-room .polyv-chat-input {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 127px;
  padding: 10px;
  color: #546e7a;
  font-size: 12px;
  background-color: #fff
}

.polyv-chat-room .polyv-chat-input-top {
  padding-bottom: 10px
}

.polyv-chat-room .polyv-chat-input .polyv-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer
}

.polyv-chat-room .polyv-chat-input .polyv-icon-emotion {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAHMJ3jJAAAABGdBTUEAALGPC/xhBQAAALdQTFRFAAAA////gICAZmZmgICAcXFxdHR0ampqdnZ2bW1tZmZmaGhobW1taWlpZmZma2trZmZmaWlpaGhoaGhoaGhoZ2dnZmZmZmZmZ2dnZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZ2dnZ2dnZ2dnZmZmZmZmZmZmZ2dnZ2dnZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZ2dnZ2dnZmZmZmZmZmZmLpaCugAAADx0Uk5TAAECBQYJCwwNDhQWHCIjJjc4QEJRUlVpam9wcn1+f4KDiIqapaeqq7i/wMHR0tPU2drc5ufo6fLz+Pn+ODFSmAAAAoVJREFUOMt9VIt22jAMFYUmpVAC4ZUNFhpIGWwrpSWsedz//65JskNCgekQW7qWZVm6hoheZkT0hwj0QhQRiUliyo9S/gr+xhSAANroGBofKhC4G4TqfiBqRTx/PlAtwhKwkcaA6iJP71ujNJB7vkHNUle8HQ7E8ZIFgxFsJLvVqPHKoumcNCw6bA1kOTHRRI7llh+wkrpUHozMsfocWBuvjGoykLyekHMqJkOd2jy8w6NzYXALn8sFt7TNIF8TGOr2D6IpdkQu0CUaSUIfmrFJdA0kbdWmvHJ/Cv5sct91zo789ivdx7064n6W1wxPGN8NG9/1ghwoGgb7CcztspMBio40pVJeUZhbDOrxM4n7jIRpcmgJIJNjbtmW4WA28ZSjV9YgonIKEBPwpXIe9pfgAz6rEsrNwDz0sT0DVxyO+TijHaZEH3r6EGgah451VVlKIYTKR8mefVlGQjbTLih66rqp3j37TFVrJ5YgpBFOMq4S7uwMtKALeXx+Q012iw5dkdFfXJHj+Nzrfq1wMm1XWHuaKLiuCKNdRzK4PGaQ1OnhyqFJl65KV1yPWp9HIdacboocl8q13sqaRXJMVK5XlhCbH8B3YSXZN2V588XasDaj3zz6areiwyFqlY41i/8+mBgpbC9viytZ0p5H7/+OHrvsKeYxUFu29Kvlvi6LBKzF1OMx14ZMWCuGpd+wYHOiLeLHxw+CFlJuxz43dl31Xbe/Kiwb+TUmJYVCVjLt392yTojlnXYxq5o4lu2vpofNSbxP+V9h0jQdfJVDThRqKHmyuXN+W2eeKX0aNawRalLIN4Hvua7nB5tcgSJsXJQ1TL/SNg1vtqI3i7eS4zae9c5X/gF3I45ccZIGbQAAAABJRU5ErkJggg==)
}

.polyv-chat-room .polyv-chat-input .polyv-icon-flower {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAHMJ3jJAAAABGdBTUEAALGPC/xhBQAAAchQTFRFAAAA////gICAqqqqgICAZmZmgICAbW1tcXFxZmZmdHR0ampqbW1tcHBwaWlpcXFxa2trZmZmbW1taGhob29vZmZmbGxsbW1tampqZmZma2traWlpZmZmampqaWlpa2traGhoZmZmaGhoZmZmampqaGhoZmZmaWlpZ2dnampqZ2dnZmZmaGhoZ2dnZ2dnZmZmZ2dnaGhoZ2dnZmZmZmZmaGhoZ2dnZmZmZ2dnaGhoZ2dnZmZmaGhoZ2dnZmZmZ2dnaGhoZ2dnZmZmZmZmZ2dnZ2dnZmZmaGhoZmZmaGhoZmZmZ2dnZmZmZmZmZ2dnZ2dnZmZmZ2dnZ2dnZmZmZ2dnZmZmZ2dnZ2dnZ2dnZmZmZmZmZ2dnZ2dnZmZmZmZmZ2dnZmZmZ2dnZ2dnZmZmZ2dnZmZmZ2dnZ2dnZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZ2dnZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmZmZmZ2dnZmZmZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZgVNOQAAAJd0Uk5TAAECAwQFBgcJCgsMDhAREhMUFRYXGRocHR4fIiMkJyssLTEyNTY3ODk6PkFCRU1QUlNUVVpbXF9hZWpwcXJzdHZ3eHp8fn+AhIWJi4yOj5CRkpSWl5ucnp+ipaipqq+wsbKztLW2t7i6vr/Aw8TFx8nOz9LT1NXW19rb3d7i4+Xm5+jq6+zt7u/w8fLz9fb3+Pn6+/z9/nD1wJcAAAKTSURBVDjLhVQJW1JBFL1gWFrhUmgIqa1URllqZhtKYmha2qYtWmZWotmilpkV4cswLSnU83e7M/M2tq/78c0795wzM/fOmweRCpwCyMDid1FPZgQB+VMSkYvoAaMJZb7/0ZhkTnZINN/PQxlEyHx1iEXcVLagsRnt1+U26ZNDqtRca/iKCY0tJLwrUUSOIiYZ/PQq8VySyCPqdZgtCRZYtqXAfLPoit7g+O5HPzDA3Ds0ErWLpejErEf2TaTBR5QxkYcAknbOpXp4jK8WV2kcaBWwpBpqZ2QZorJwrLlVGhbJMWMDGuFsXSl9UGRcP1gzvtRSTqSBw9ncL4SAHWY6gORD92UMUSk2qfm92k8VA6uuNr0Uz2uP0L+FiRrx1qzPjJ1I5ZI+aLlkCMOSdNnJJAI89uODjXPqE4FKi4xjRD67bAvcM3dYAtpVORpQZeiTMKPcWsm9qqionq/NXLC9WqJdg4uXaJ0NcybpF/4OkfYATkV247fXuhVxReIW5Y/TKSBxgP4XrVuqttUj+dRq73b9hKbY00PbxvnRp4vF3modVaT1ptMxbmNRvnk/7//p5V9DqJDGIYa9h5o6xjYYjOmzSz4Lw2i46eB1BoOSSzDyF67ax3JCIt4Fewob97KckmiO0dHCxgDLsxJ1MhotbHzKcqdERcsMWwv5zrO4XKRwvTiCxvy+s0KrN7I6cTDjjlyb4zkLG3W2OxsTE2NlmbZyeQNjzgyydkG+A+12S41Ia1ruaJJYyP2cXZEVZMVKxFWgxdJg9JU4f6Smu4MlmVpczt2aPuOw/sdsn2fDEzlR3OLifQ3hiU3RXdSRZWz7I9aYunqyuth2J18wecNu7BUt+/JV2KWFxOOZftlC36/ZxH9D1SEeEel6iwAAAABJRU5ErkJggg==)
}

.polyv-chat-room .polyv-chat-input .polyv-icon-like {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAHMJ3jJAAAABGdBTUEAALGPC/xhBQAAAWVQTFRFAAAA////gICAqqqqgICAZmZmgICAgICAZmZmampqdnZ2ZmZmcHBwZmZmZmZmaGhobW1tampqZmZma2traGhobGxsZ2dna2traWlpampqa2trZ2dnampqaWlpZ2dnZmZmZmZmaGhoaGhoZ2dnaWlpaGhoaWlpZ2dnZ2dnZmZmaGhoaGhoZ2dnZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnaGhoZ2dnaGhoZ2dnZmZmZ2dnZmZmaGhoZ2dnZ2dnZmZmZ2dnZ2dnZmZmZmZmZ2dnZ2dnZ2dnZ2dnZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZ2dnZmZmZmZmZ2dnZmZmZmZmZmZmZmZmZmZmZ2dnZmZmZmZmZmZmZ2dnZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmwGfgHwAAAHZ0Uk5TAAECAwQFBggKDA0PEBQZGxwdHh8gISUmJykrLzAzNDc8QEJISUxOVFlaW11eY2RpamtwcnN0dnl7fH2BhIWIioyPkJGWmZqen6OlqKy0tbm6u8DCw8bHyMrLzc7P1NXZ293f4OHi5ebo6uvs7/L09vj6+/z9/uZftvgAAAHGSURBVDjLjZMFXxtBEMUH0hZoi0uLFYq7O7RYirt7gGIJUgrJ+/zM2ilJ7v2Su9n/vJ3dnWyIiEBaZxADNRTPPZMgQH7ly3w6dcqar7B5ET3ZoZgKxFjGfHRsav9YLvxoVQjpaO2ZwmphPMgn7IXs8Ge/c7/OUC1mraYPIcq4dSF3/NnFoqjj0sYZ4Uk3fWri/4TdDtK18qDkgtr26IdXyPDBMtySD8pwHB5NunbaCnR4DkT1wtbigaLYS9zNMnBAtOtpyDa+E72eu1i+2tqik4WASgH1JWgXiw4CIxxn44uj30CjiMNm++omZUrDPwWj5nrZysKwHy4g5IcGuOG9H06gxw+tpqeD3fhrnShmFEebfUxblERjOv+HUmuHPVO5FYdAJKXvN/u+yf8SUJDC18C+YRld4ymFr5l9+zIqALaS2nJO2Leh4l7gl+dWKXE0J87apfEeUOtwtTjalQDiAyZRx+Oo1sFIJiWcjd0qsgp8uHe1/I6sxnt/geziEqNNYDO50VYTZ2oCGEO8iVUKYJzlRFUAYzXzFQpgPGVeHsA4xHiJ0hvzRJ9LAxjXmc7L6Abp9PxVdWn0UoPIzOU7ttj0J+l7A3IMBDugTFyGAAAAAElFTkSuQmCC)
}

.polyv-chat-room .polyv-chat-input .polyv-icon-pencil {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAHMJ3jJAAAABGdBTUEAALGPC/xhBQAAAdRQTFRFAAAA////gICAqqqqgICAZmZmgICAbW1tgICAZmZmdHR0ampqdnZ2ZmZmcHBwcXFxa2trZmZmbW1tb29vampqbGxsaGhobW1tampqZmZma2traGhoaWlpZ2dnaWlpampqZ2dnaGhoaWlpampqaGhoZmZmampqaGhoaWlpaGhoaGhoZ2dnZ2dnaGhoZ2dnaWlpZmZmaGhoZmZmaGhoaGhoZmZmZ2dnaGhoZ2dnZ2dnaGhoZmZmZ2dnaGhoZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmaGhoZ2dnZ2dnaGhoZmZmaGhoZ2dnZmZmZ2dnZ2dnZmZmZ2dnZ2dnZ2dnZmZmZ2dnZmZmZ2dnZ2dnZ2dnZmZmZ2dnZmZmZmZmZ2dnZ2dnZ2dnZmZmZ2dnZ2dnZ2dnZ2dnZmZmZmZmZ2dnZ2dnZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZ2dnZmZmZmZmZ2dnZ2dnZ2dnZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZ2dnZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZm3BOD6AAAAJt0Uk5TAAECAwQFBgcICgsMDQ8QEhMUFRcYGhscHR4fICIlJykqLDM1Njc6Oz9AQkNFR0hJUFFVVlhaXF1eY2dpamxtbm91d3h6e3x+gIKFhoeIi4yPkpWWl5ianJ6ipKWnqKmrrK6wsrO0tri6vb7AwcPFxsfIysvMzs/Q0dPU1dbY2drd3t/g4eLj5ufo6err7O3w8vP09fj5+vv8/f6YDjFTAAACMUlEQVQ4y61U+VvTQBCdIGArVUERxaOKeAAeKAKKF4oooKKogHjfeNYbRQRBAZWI2FILTd8/62TJsWk3pT8435fMzNs3szO7kxARzfBDiShMlcdPPGhawvWITg9M3FwodFHQ90ph1ISJ7i2xQ63w/eWZeYQcOWdbFRXOXgkaDNlZ7RSuVdZM9G5h+UUpQpdspm6H4xZlk160I5XvxfAMDUTn5SL7hdMDpBwoH11Cb0eVgw1YMam/bugJYIhVI8LyFteJpoDf3n1PAvGtaQVWZpQMhUjL2utvqzJjhiLoTMPiBtFOTHuw2/gY4xRWa2Q1uI3qufrYsLQJbvA7gMeQ6jWi1mbPXSxilZZIutg+lAn9BJqDBdAqdK2c0OqrENe87W82VczTn/YUffTFM1cr2avBPNbJYBODZ4E2T9ePjFHgatrxGJiryjjHojzKSRRX9EpJXHpXLE7XLpLwIPApRFrLPBBZ608rGuFkg2LSSvqBXxt8eMeBieIAz3NvwLxNHSNKWvEEcFRYmz4g1kCXgZsq3hme8WWOVx/lIjoVtDU6UCf5x4CfpQreBeBlgeuWTAItCtrGP0jukvwO4OsKBe8K8NCdNFo/AxxWdbHHvIm+oO12c1NB5bHwuTXx1zt7SPyq4sABn2PWMcC/z3aDM225A7wp8OHtAE4Lo/wHl2Ds9b3fi0BY230/aVb6tjHLvIwtDN1w8/Lsc6WNY7x1Nf0n6ZpFDvK5jk6NTeUg76v/AQYL6EqyYaojAAAAAElFTkSuQmCC)
}

.polyv-chat-room .polyv-chat-input .polyv-icon-send-picture {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABHklEQVR4Ae2YGXjEUBRGg4NxCg4WB4t1KtapTsVinQb/of748E7oYTAYDAZj7e2+vdm3m84933dmX3Ky52WORRzHcRwHlIDH+ZMJKWHzAP2iJbcOyE6MB3jAfwxgiAUoUNt3QX3NZkB64rvErrJLRZgLAAVL9vcYQkC7JKD1AF+FjG/Evhv1I7EHJADlXgVZ5YMLAGX6bU/SqJeDCCCrUfKyk6UqDyHUI7MBCDEHJa64jq3AeGEugJQClHrNi/FevTUTQMYxKM0WowpCDU9sP2P1Tq3VaQgxP1gAKBO122FopFOvv0904jONOtl7AChXYNkfY/hkpkID9xYAys2M8/4Eg1mRjMUeAspTjsh1uwUY8IwDbA3uMkvgOI7jOM/W1i3Wpbif7AAAAABJRU5ErkJggg==)
}

.polyv-chat-room .polyv-chat-input .polyv-icon-send-picture>input {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0;
  opacity: 0;
  cursor: pointer
}

.polyv-chat-room .polyv-chat-input .polyv-pc-only-teacher {
  display: inline-block;
  font-size: 12px;
  color: #757575;
  line-height: 21px;
  cursor: pointer
}

.polyv-chat-room .polyv-chat-input .polyv-pc-only-teacher>input {
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px
}

.polyv-chat-room .polyv-chat-input .polyv-pc-only-teacher:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 2px;
  border: 1px solid #ccced4;
  border-radius: 2px;
  box-sizing: border-box
}

.polyv-chat-room .polyv-chat-input .polyv-pc-only-teacher-enabled:before {
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA5ElEQVQ4T2OUn/bVk4nh/0wGhv+yDEQBxsf/GBjTGRWnfXlEvCaYyYyPGRWnff5PlEVoimirUZCDgSHXmI1h8ZXfDPc/QhxI0EY+dgaGpb6cDGLcjAyBa78zPPuCppGJkYFBgJ2B4d0PhGd42BgYFvtwMkjxMjJEbfzOcPcDIjjgNlpKMTPM9ORgiNn0neHS638MXKwMDAt9OBnk+DA1YTi1zJyNIVyLlSFp63eGCgs2BiVBJgyb4BGCHh0gzWmGrAxvv//HqQln4PgoszBcefOX4QE0BLHFM8FQxZU4yE9y5CZyAFiZaakehlkfAAAAAElFTkSuQmCC);
  background-size: contain
}

.polyv-chat-room .polyv-chat-input .polyv-input-only-chat {
  display: inline-block;
  font-size: 12px;
  color: #757575;
  line-height: 21px;
  cursor: pointer
}

.polyv-chat-room .polyv-chat-input .polyv-input-only-chat:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 2px;
  border: 1px solid #ccced4;
  border-radius: 2px;
  box-sizing: border-box
}

.polyv-chat-room .polyv-chat-input .polyv-input-only-chat-enabled:before {
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA5ElEQVQ4T2OUn/bVk4nh/0wGhv+yDEQBxsf/GBjTGRWnfXlEvCaYyYyPGRWnff5PlEVoimirUZCDgSHXmI1h8ZXfDPc/QhxI0EY+dgaGpb6cDGLcjAyBa78zPPuCppGJkYFBgJ2B4d0PhGd42BgYFvtwMkjxMjJEbfzOcPcDIjjgNlpKMTPM9ORgiNn0neHS638MXKwMDAt9OBnk+DA1YTi1zJyNIVyLlSFp63eGCgs2BiVBJgyb4BGCHh0gzWmGrAxvv//HqQln4PgoszBcefOX4QE0BLHFM8FQxZU4yE9y5CZyAFiZaakehlkfAAAAAElFTkSuQmCC);
  background-size: contain
}

.polyv-chat-room .polyv-chat-input textarea {
  width: 100%;
  height: 48px;
  padding: 0;
  outline: 0;
  vertical-align: middle;
  border: none;
  resize: none
}

.polyv-chat-room .polyv-chat-input .polyv-editable-ele {
  width: 100%;
  height: 48px;
  padding: 0;
  outline: 0;
  overflow-y: auto;
  border: none;
  resize: none
}

.polyv-chat-room .polyv-chat-input .polyv-editable-ele:empty:before {
  content: attr(placeholder);
  color: #999
}

.polyv-chat-room .polyv-chat-input .polyv-editable-ele img {
  width: 48px
}

.polyv-chat-room .polyv-chat-input .polyv-pc-send {
  width: 60px;
  height: 28px;
  margin-left: 10px;
  font-size: 13px;
  line-height: normal
}

.polyv-chat-room .polyv-chat-reply {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  background: #fff;
  padding: 8px 16px;
  color: #999
}

.polyv-chat-room .polyv-chat-reply-user {
  float: left;
  max-width: 80%;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding-right: 4px
}

.polyv-chat-room .polyv-chat-reply-user:after {
  content: ": ";
  position: absolute;
  right: 0
}

.polyv-chat-room .polyv-chat-reply-close {
  float: right;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADDklEQVRIS72WT0gUcRTHv292t3XBBZUsMZFAsLRDQZ66dYwoNXLJ0pX+2NaqIx2MbtEt6hCO7pprJrtqyUb5h8pDZKciqEMFUgpGh/DiRVJa152dF79hR2fX3cWgbY4zv/f9vN/3vd/7DSHLowyMlHFMqyXwcTBVAChNLF8E8QKDXpBNmpRbm35mkqF0H3oGH5dydP0WQOeZ2ZItCSKKAzxE9h03Oy42Lqau3QLo8Q+f1KCNgOEkQgygCQImyMofqcChC/BypJRVqmGgDuA6ZthAWJEgNXV4m6fMkCSA0heSWeN7ACQA42S1d8meMwtZbewfq2A1ehdAPQCNJLomX3UrRswGQM+ctXHxgQg3ZG+LCNr2o/iDXcy4LQIkkuqNnegA4bkWXf+WsOX634obWSQgd3S77Dv2i5roAMUfHGDGJWFLZ1vLKSOg2zd8xFps/9Lmcq2m24pvKFwSj0Z3y1eaP2/GBJ8Ju4jwQPa2tJJoRcS0HwBrsNirDM+FOKC9JWAWDsdR+YJryQzxBUYPqar6mgCnZaejyEhC6R+rQDz6FSAJNmkvdftDbWDuJaInstftMkR84XB+fCnynoEDqRBDHIwiED3t9LpPm+GKPxRm5gYQtZPiD75kxjGJ6FyH1/3IvLCvL7QrpvGMGWJRY3tE5kKcQJN2a3WDx1MTM8f1+ENnNeZRIkyT4gvNMbjSYsO+9sst86leJ0EICyyyBgoziYv43kCwMh7DHIHmBWCFwfnWYoczUzF1CPM7ZohxASJp2m6pqk3N3GyvuhRZIdDqtgC65zF1RmSuA0CzcORtKbwBGBycdK6uLf8yAFktMhdUZA7mcgZvKbzZ2mSLshQ5STxR0KjtewEikTfpusuAJBU5Y5sOhUvUSGQ2XbcoD8PFBgTAJ9nrPkxE2uaJNrdphoOm3B8+CE37wKCpPEt1Y2pBdcja2iswyuzWwnKP58RvfSqkHrRso0IctkydpY9tZikQeJ5niIt33b6UUfFfhp0OyeW43ihOLi+czRbL4ZW5AcnlpZ80dv/Bb8sfGvwcMwkS7R8AAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  cursor: pointer;
  margin-top: 2px
}

.polyv-chat-room .polyv-chat-reply-content {
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  word-break: break-all
}

.polyv-chat-room .polyv-chat-reply-content img {
  max-height: 45px;
  border-radius: 2px
}

.polyv-chat-room .polyv-msg-replay {
  color: #366bee;
  background: none;
  outline: none;
  border: none;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer
}

.polyv-chat-room .polyv-emotion-wrap {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: none;
  width: 280px;
  height: 118px;
  padding: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .1);
  overflow: visible
}

.polyv-chat-room .polyv-emotion-wrap:after {
  position: absolute;
  bottom: -12px;
  left: 13px;
  content: "";
  border: 6px solid;
  border-color: #fff transparent transparent
}

.polyv-chat-room .polyv-emotion-list {
  height: 100%;
  padding-top: 8px;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.polyv-chat-room .polyv-emotion-list .plv-emotion-panel__item {
  margin: 0 7px 8px
}

.polyv-chat-room .polyv-chat-list>li {
  position: relative;
  margin-bottom: 15px
}

.polyv-chat-room .polyv-chat-list>.polyv-msg {
  text-align: center
}

.polyv-chat-room .polyv-chat-list>.polyv-msg>img {
  width: 30px;
  height: 30px;
  margin: -3px 5px 0;
  vertical-align: middle;
  border-radius: 50%;
  background-size: 100% 100%
}

.polyv-chat-room .polyv-chat-list>.polyv-special-user .polyv-msg-text,
.polyv-chat-room .polyv-chat-list>.polyv-special-user .polyv-msg-text a {
  color: #2196f3
}

.polyv-chat-room .polyv-chat-list .polyv-img-emotion-msg .polyv-msg-content {
  width: 80px;
  height: 80px;
  padding: 0;
  background: transparent !important
}

.polyv-chat-room .tab-ask-content,
.polyv-chat-room .tab-chat-content {
  position: relative;
  height: 100%;
  padding: 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.polyv-chat-room .polyv-user-logo {
  position: absolute;
  left: 0;
  top: 0
}

.polyv-chat-room .polyv-user-logo>img {
  width: 24px;
  height: 24px;
  border-radius: 50%
}

.polyv-chat-room .polyv-user-info {
  margin-bottom: 7px;
  font-size: 12px;
  color: #848e99
}

.polyv-chat-room .polyv-user-info>span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.polyv-chat-room .polyv-user-name {
  max-width: 8em
}

.polyv-chat-room .polyv-user-actor {
  max-width: 6em;
  background-color: #2196f3;
  border-radius: 10px;
  padding: 0 12px;
  color: #fff
}

.polyv-chat-room .polyv-msg-main {
  margin-left: 34px;
  max-width: 70%
}

.polyv-chat-room .polyv-msg-content {
  position: relative;
  display: inline-block;
  max-width: 100%;
  min-height: 35px;
  padding: 8px;
  font-size: 12px;
  background-color: #fff;
  border-radius: 0 5px 5px;
  vertical-align: middle
}

.polyv-chat-room .polyv-msg-content>p {
  position: relative;
  text-align: justify;
  word-wrap: break-word;
  word-break: keep-all\9;
  color: #546e7a
}

.polyv-chat-room .polyv-msg-content img {
  width: 28px;
  height: 28px
}

.polyv-chat-room .polyv-msg-content img.polyv-img-chat {
  width: auto;
  height: auto;
  max-height: 168px
}

.polyv-chat-room .polyv-msg-content .polyv-img-chat-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  text-align: center;
  font-size: 12px
}

.polyv-chat-room .polyv-msg-content .polyv-img-chat-mask>span {
  position: relative;
  display: block;
  top: 50%;
  transform: translateY(-50%)
}

.polyv-chat-room .polyv-msg-content .polyv-img-chat-mask>span:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 8px;
  background-repeat: no-repeat;
  background-size: contain
}

.polyv-chat-room .polyv-msg-content .polyv-img-chat-mask--uploading>span:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAr0lEQVR4Ae2VJwICMRBFRyKRKyM5AjISiUTmGEgkciUSGRkZOZION3r03nvbPy6ZXuUUKBBQynIraNKjR4vcrQoCvRkl/6LgjiRiiUQql5YRi0dx64e4cDVQlDPAkNJbkNlUsKT6KYdxtOjtK7DoxnPpqHiywdXCbX7lqdK6QkEDc6jzU5SanAAOxWPlU5HhrjJe3Eij/Ua6rpVb+618/zDdP873L5T334XsLtx33scT+Wh+FCyfzQAAAABJRU5ErkJggg==)
}

.polyv-chat-room .polyv-msg-content .polyv-img-chat-mask--fail>span:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAABLElEQVR4AaWVr3LDMAyHBQUNCwMLDQv3KIOGg4aFgYWBgYGBhYEFBX6jb3c63Y14vUT5BSr+9M+WpCeUG5WJlY2NlYnKDZU9IlHZaJ1vo5Lkk1CKH14oZAYUZSBTWBxS0P99z/bTyNC1D4xmn7txcOVJYyXLB5FZaTwxFzx4uIFkxyfSjhpNhkgivHl77hb8JDtliBn9AxQLPu0GJEukOIBklc9yQGTriAMqjVEOipG3AVDzPxwGDDjgRmORgFgMYAmUCMCLaC3JIUDGACtegVgVxEqoIYCeBPhbiKfgihfRFW+j68RFqswiZ65yY0Pjj+lOo4rEn/OLl8cdHyhiOjzSUGv94tcvPFQv58b6NbZY7mZfuBxbbRcy3w5/2WqLL9dubDvW+8wPX33Pv1uowkC1tNdTAAAAAElFTkSuQmCC)
}

.polyv-chat-room .polyv-msg-quote {
  font-size: 12px;
  color: #757575;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 6px;
  line-height: 18px;
  margin-bottom: 6px
}

.polyv-chat-room .polyv-msg-quote-header {
  line-height: 16px
}

.polyv-chat-room .polyv-msg-quote-user {
  display: inline-block;
  max-width: 100%;
  position: relative;
  padding-right: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.polyv-chat-room .polyv-msg-quote-user:after {
  content: ": ";
  position: absolute;
  right: 0
}

.polyv-chat-room .polyv-msg-quote-content {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  word-break: break-all
}

.polyv-chat-room .polyv-msg-quote-content .polyv-msg-quote-img {
  margin-top: 4px;
  height: auto;
  width: auto;
  max-height: 45px;
  border-radius: 2px
}

.polyv-chat-room .polyv-msg-main:hover .polyv-msg-replay-ready {
  display: block
}

.polyv-chat-room .polyv-msg-other-content {
  position: relative;
  display: inline-block
}

.polyv-chat-room .polyv-msg-other-content .polyv-msg-content {
  margin-right: 36px
}

.polyv-chat-room .polyv-msg-replay {
  width: 36px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: none
}

.polyv-chat-room .polyv-self-msg>.polyv-msg-main {
  float: right;
  margin-right: 0
}

.polyv-chat-room .polyv-self-msg .polyv-msg-content {
  background-color: #8bc34a;
  border-radius: 5px 0 5px 5px
}

.polyv-chat-room .polyv-self-msg .polyv-msg-content>p {
  color: #fff
}

.polyv-chat-room .polyv-self-msg .polyv-msg-quote {
  color: #454545
}

.polyv-chat-room .polyv-self-msg--show-own-info>.polyv-user-logo {
  right: 0;
  left: auto
}

.polyv-chat-room .polyv-self-msg--show-own-info>.polyv-msg-main {
  float: none;
  margin-right: 34px;
  margin-left: auto
}

.polyv-chat-room .polyv-self-msg--show-own-info .polyv-user-info {
  text-align: right
}

.polyv-chat-room .polyv-self-msg--show-own-info .polyv-msg-content {
  float: right
}

.polyv-chat-room .polyv-self-msg-quote .polyv-msg-replay {
  left: -36px;
  right: unset
}

.polyv-chat-room .polyv-other-msg-quote .polyv-msg-content {
  margin-right: 36px
}

.polyv-chat-room .polyv-other-msg-quote .polyv-msg-replay {
  right: -36px
}

.polyv-chat-room .tab-user-list {
  padding: 10px;
  overflow: auto
}

.polyv-chat-room .polyv-user-list>li {
  position: relative;
  height: 24px;
  margin-bottom: 15px
}

.polyv-chat-room .polyv-user-list .polyv-user-info {
  margin-left: 34px;
  margin-bottom: 0;
  padding-top: 4px
}

.polyv-chat-room .polyv-new-msg {
  display: none;
  position: absolute;
  left: 0;
  bottom: 127px;
  width: 100%;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background-color: #6ebbf7;
  opacity: .75;
  filter: alpha(opacity=75);
  cursor: pointer
}

.polyv-chat-room .hide-other-msg>.polyv-other-msg,
.polyv-chat-room .hide-other-msg>.polyv-other-msg-time {
  display: none
}

.polyv-chat-room .other-message {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0 10px
}

.polyv-chat-room .other-message>div {
  display: none;
  position: relative;
  padding: 6px 0;
  margin-bottom: 10px;
  font-size: 12px;
  color: #212121;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #c9c59d;
  background-color: #fff9c4;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1)
}

.polyv-chat-room .other-message>div:after,
.polyv-chat-room .other-message>div:before {
  display: inline-block;
  vertical-align: text-bottom;
  content: "";
  background: url(data:image/png;base64,[encoded data, 13148 characters]) no-repeat
}

.polyv-chat-room .other-message .user-info {
  display: inline-block;
  max-width: 110px;
  padding: 0 2px;
  color: #2196f3;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-bottom
}

.polyv-chat-room .other-message>.like-msg:before {
  width: 19px;
  height: 18px;
  background-position: 0 -28px
}

.polyv-chat-room .other-message>.welcome-msg {
  height: 32px;
  line-height: 32px;
  padding: 0;
  color: #fff;
  font-size: 14px;
  background: url(data:image/png;base64,[encoded data, 4996 characters]);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  box-shadow: none;
  border: none
}

.polyv-chat-room .other-message>.welcome-msg:after,
.polyv-chat-room .other-message>.welcome-msg:before {
  width: 16px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.polyv-chat-room .other-message>.welcome-msg:before {
  margin-right: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAMAAAB61OwbAAAAkFBMVEUAAAD/523/2mb96pr+6pH953H+75r+7Jj/7pb97Zf97In+5oT+64n96nr+53T+7JL+9KD97pz+75f+8Zf97pT+65P954/+7Iz+85f+7ZP+8Zf96JL+85n+55D/7ZP/9JX+8Ir86X7/8IL/6Hr/33L/523/1FX/5IT/54L76nf/6Xn/+Hz97Z7975/+7J3+8aGSihW5AAAALHRSTlMADgL9wSPy8px+cnFpTy/D+vnr3d3czsbDrampinp1cF9RRUMzFQZfXjw7I+t4BQcAAADCSURBVCjPhZNXDoNADETZ0HsKpPdexsv9bxdBpFCcmPdnzUj2jr1GRWz0MBvI+nX0kA0nBK1aqY5hi0Wrjg9t/ZJibBsNfL9RnDdTU4OKyfr4ndRKewyuI7dIQIk4ZARE4jM9kNcN6tksc1AmRa00gDoqtqxBqEEU/NmOuq9cXRrIWe5VV7VDyzS1/hioKIbznf3TgNrwYi1uVQuwFsKQHFUalCGQA5kgs6g5ESgSZLZuBjsYjmUJIjtaBjt7Bvs4Mm9IQhWnRjg0dQAAAABJRU5ErkJggg==)
}

.polyv-chat-room .other-message>.welcome-msg:after {
  margin-left: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAMAAAB61OwbAAAAn1BMVEUAAAD/62/+8qH/zWb96pv+6Xz+75r+7Jj+7JL+7pb+7pf+6oH+8ZL+6HT/223+7J396Zj97pz+75j+8Jf97pT+65P954/+7Iz+6pP+85f+5o/+7ZP+8Zf96JL/85n+55D/7ZT95Iv+7Ir/64n+8Ir/54X/8IL/6Hr97Hj/32//9Xr/3mv/523/1FX46nX/6nH//1X97p797J3975/98KDRmv/3AAAAMXRSTlMADv4C/k/y8sCcfnNxLw7++vnr3d3czsbEw8OtqamKenVwaWhfXkVDOzMiIhUGJSQDdlOEvgAAAL1JREFUKM+dkkcOgzAQRTEQOqT33nv5wP3PFpFFAH9wpLzdWE+eqtXT0NQYwx/CqX2XXoQohQGOcs5y0ilWkuB5xejZwehWFhznW99h0U0TxOZgeS4Ill0UdBJCICzoD0qxAbbKIl3AVbbZA/qqQQkAzah+1IafALFvVC9L7GZWkgmxPd9HmsQlGOu6nqYJMsM0W5P1tUr4/EBCbQrmlRdJUJsEDSqHRk3QsghaN0EHQ/DJMXy0DJ89I4T2D289YBdhUIjxYQAAAABJRU5ErkJggg==)
}

.polyv-chat-room .other-message>.welcome-msg .user-info {
  color: #fff;
  vertical-align: middle;
  margin: -3px 8px 0
}

.polyv-chat-room .other-message>.bulletin-msg {
  width: 100%;
  padding: 0;
  text-align: left;
  color: #546e7a;
  background: #fff;
  border-color: #fff
}

.polyv-chat-room .other-message>.bulletin-msg:after,
.polyv-chat-room .other-message>.bulletin-msg:before {
  content: none
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd {
  position: relative;
  padding: 10px;
  font-size: 14px
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right {
  position: absolute;
  top: 7px;
  right: 10px
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>span {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  color: #8c8c8c;
  cursor: pointer
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.dropdown {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAkCAYAAADCW8lNAAABsWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChNYWNpbnRvc2gpIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+9hhAPQAAAdBJREFUWIXt2E+oTFEAx/HPIIvnz5JEnpLYSdnyFoosFOVfT2Jh5U/KbNhRSmpmJ1tJeZSyJEK8/Vt7SektxEpRb/FKY3HPa2Zuc8bcl5x50/lu7tx77vnO+d1z/5xzyGQymUybWudOo9HYiyZO4VukziZM4Rpm6vV6V+GBx/NQ2fNmcqyrcPzu18qeueubZxYPriiddBP78QHjPSTbMI2JcG6M5J5ysJN4hR1BtrOjbFeQbMcLnO7ToOSecrB5HMFzbMV77Mae8HsLnuFoODdGck85GCzgBB5hI97hLTbgoeLKLPRpzFB4VkVkv3EOv3AxHLuPy2gN0JjknlgwocIl/Az7Nyo0JLmnX7BFltqQpJ5ez9hI0PWBbrWq3PbDR63WjjOyPZaDLTdysOXGyAbr+kA3m83Kgsh8rDKR+diSGdkeGyTYHdz+B//1Xz39xoo13NMeTa/HVdVG5ck8sWAr8QBn8SNIr2AdLiimEYOQzNMr2Go8wTF8xyHFLfsS57EWZ/x9kpjUUw42ppiGH8Rc2M6Gsgm8xnGsCdvYKzC5p/zyeBoqf1KsDs12lH3EPnzGYcVVjJHcU+6xW4qHMraO9yXIpvRfNhs2TyaTyQzGHxZHw2OaLQqgAAAAAElFTkSuQmCC) no-repeat;
  background-position: 0 -18px
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.dropdown:hover {
  background-position: -18px -18px
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.dropdown:active {
  background-position: -36px -18px
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.dropup {
  background-position: 0 0
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.dropup:hover {
  background-position: -18px 0
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.dropup:active {
  background-position: -36px 0
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.close:hover {
  color: #03a9f4
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-hd>.bulletin-hd-right>.close:active {
  color: #009aff
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-bd {
  border-top: 1px solid #e0e0e0;
  padding: 10px
}

.polyv-chat-room .other-message>.bulletin-msg>.bulletin-bd p {
  word-break: break-word
}

.polyv-chat-room .other-message>.bulletin-msg a {
  color: #009aff
}

.polyv-chat-room .other-message>.bulletin-msg a:hover {
  color: #6ebbf7
}

.polyv-chat-room .polyv-unconnect-tip {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 127px;
  background: #fff
}

.polyv-chat-room .polyv-unconnect-tip-head {
  padding: 10px;
  background-color: #f7f7fc
}

.polyv-chat-room .polyv-unconnect-tip-body {
  padding: 10px
}

.polyv-chat-room .polyv-unconnect-tip-body>p {
  text-align: center;
  line-height: 20px;
  letter-spacing: 2px
}

.polyv-chat-room .plv-pick-img-tip {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #fff
}

.polyv-chat-room .plv-pick-img-tip>span {
  padding: 8px;
  background: rgba(0, 0, 0, .85);
  border-radius: 2px
}

.polyv-chat-room .polyv-msg__chat-img--forbid .polyv-msg-text {
  position: relative
}

.polyv-chat-room .polyv-msg__chat-img--forbid .polyv-msg-text:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,[encoded data, 4268 characters]) 50% no-repeat;
  background-size: cover
}

.polyv-chat-room .polyv-msg__chat-img--forbid .polyv-msg-replay-ready,
.polyv-chat-room .polyv-msg__chat-img--sending .polyv-msg-replay-ready {
  display: none !important
}

.mobile-wrap .tab-ask,
.mobile-wrap .tab-chat {
  padding-bottom: 50px
}

.mobile-wrap .tab-chat.tab-chat--noinput {
  padding-bottom: 0
}

.mobile-wrap .polyv-chat-input {
  height: 50px;
  padding: 0
}

.mobile-wrap .polyv-chat-input>.polyv-chat-input-main {
  height: 100%;
  padding: 10px
}

.mobile-wrap .polyv-chat-input>.polyv-chat-input-main>div {
  position: relative;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px
}

.mobile-wrap .polyv-chat-input .show-1-icon>div {
  padding-left: 60px
}

.mobile-wrap .polyv-chat-input .show-2-icon>div {
  padding-left: 90px
}

.mobile-wrap .polyv-chat-input .polyv-icon {
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  margin: 0
}

.mobile-wrap .polyv-chat-input .polyv-icon-emotion {
  left: 0
}

.mobile-wrap .polyv-chat-input .polyv-icon-flower {
  left: 30px
}

.mobile-wrap .polyv-chat-input .polyv-icon-more {
  right: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAFeXZqlAAAABGdBTUEAALGPC/xhBQAAAV9QTFRFAAAA////gICAqqqqgICAZmZmgICAgICAcXFxZmZmdHR0ampqZmZmcHBwa2trZmZmbW1taGhoampqZmZmaGhobW1tampqaGhoZmZmampqaWlpZ2dnaGhoZmZmaWlpZ2dnaGhoZmZmZmZmaWlpaGhoZ2dnZmZmaGhoZ2dnZ2dnaWlpZ2dnZmZmZ2dnZmZmaGhoZmZmZ2dnZmZmZ2dnaGhoZ2dnZ2dnZ2dnZmZmZmZmZ2dnZ2dnZ2dnZ2dnZmZmZ2dnZmZmZ2dnZmZmZ2dnZ2dnZmZmZ2dnZ2dnZmZmZ2dnZmZmZ2dnZ2dnZmZmZmZmZmZmZ2dnZmZmZmZmZmZmZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZmZmZ2dnZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmpGmTbAAAAHR0Uk5TAAECAwQFBggJCgsMDxATFBUWGBkbHB0gIyQnKiwtLi8xMjw/QENGR0hKTk9QUlVWWl5kanFyd3l/goOQlZ+go6WmqquutLe6u72+v8LDxcjJys3P0dLT1NfY2d3e3+Dh5OXm5+jp6uvt7vLz9PX4+vv8/f6eWA9wAAACi0lEQVQ4y7VU+VfTQBCetCjVYDEeGO+7ihgVsJoqSix4RryNGloFKaJGxTbz/z9nZ7PJJoT+wnNem5n9dnZ2dufbAUgE+UdSlbqaIaSVQfIGoE0TfV4jvqZcDRjwvIskJltdgEk1CZMCT/fpVwEaYkEbRwFmsQZFEe4RWwbvfh6TNGEdYD9p+1saG8ID7L8OAwD/bIbn/3s53KceB/qonatFay19c9sLI7+Zy8eIER9PAFRuk+EqNMa5zGUE0cndVx+rrJewRd8HeD0PS79IjDqoRBxQfJrolXmT+zSPOqhQS937kTSTjlYxJw2NPdiBNP0o9Ow8ZkYqtKuhlMrmLOnjrxBjQ6ELiKeVvYxopNkZ2cp5jNWp6qzXplh9lvHv4Ms8IaVGrOThLto6a5Vxka+UR2sq7ylRtlDAg4R0LKti8LMsyAT6ZfAcCroEeLUsQSsdrrKaTpjdw3fate3DhKG06n2KnsrutkaJXWNr7CtiO1vZy0rs6OWxAgm24H+J1QpQk6BlbefpqCT/dF68XvmrGOls9ay1xczg3iEdPPGQ/duFRsHdZnHP1iD1Z0VWmiKBJ9Xy7HYviWTM9FiRpEYqX/KP54poTuqoH2jQ0IP1CdD3OSduJnlEZN6HYc5wlwDZenyyziToLhbhPMpWAh8mwAfZF7BfUbkWpZfyRBIvJOygfBPLmyzCS1rdy3JDanMhWx5N3Rie8yUCZLuyyfoxMszZWCHAzhpvUNneufJWZ68o9kbW5Cj3JFeWo9/zBXfoAPjILKt2/TlNxTnqGUy6jZkCP2q3fjPtjEIEw435Yn8tzlw4NjZ+snHzqaR07BplO5puVKxJ5JrDXpbd9PwwikLfa9o7eqL/AGpNAeZyocUgAAAAAElFTkSuQmCC)
}

.mobile-wrap .polyv-chat-input .polyv-chat-input-content {
  height: 100%
}

.mobile-wrap .polyv-chat-input input {
  width: 100%;
  height: 100%;
  padding: 0 5px;
  color: #212121;
  border: none;
  border-radius: 4px;
  background: #fafafa;
  outline: none;
  border: 1px solid #ecf0f1
}

.mobile-wrap .polyv-chat-input .polyv-mobile-send {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px
}

.mobile-wrap .polyv-chat-input .polyv-show-send {
  display: block
}

.mobile-wrap .polyv-set-nickname {
  height: 50px
}

.mobile-wrap .polyv-set-nickname>div {
  position: relative;
  height: 100%;
  margin: 0;
  padding-right: 50px
}

.mobile-wrap .polyv-set-nickname>div>button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  padding: 0;
  line-height: 30px;
  background: none
}

.mobile-wrap .polyv-set-nickname .polyv-nickname-tip {
  position: absolute;
  top: -34px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ecf0f1
}

.mobile-wrap .polyv-set-nickname .polyv-nickname-tip:after,
.mobile-wrap .polyv-set-nickname .polyv-nickname-tip:before {
  content: "";
  position: absolute;
  border: 6px solid;
  left: 10px
}

.mobile-wrap .polyv-set-nickname .polyv-nickname-tip:before {
  bottom: -12px;
  border-color: #ecf0f1 transparent transparent
}

.mobile-wrap .polyv-set-nickname .polyv-nickname-tip:after {
  bottom: -11px;
  border-color: #fff transparent transparent
}

.mobile-wrap .polyv-chat-input-more {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
  width: 100%;
  height: 100px;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.mobile-wrap .polyv-more-control-list {
  padding: 20px;
  font-size: 0
}

.mobile-wrap .polyv-more-control-list>li {
  float: left;
  width: 25%;
  margin-bottom: 10px;
  font-size: 12px;
  text-align: center
}

.mobile-wrap .polyv-more-control-list>li>.polyv-input-more-icon {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 auto 10px;
  background-repeat: no-repeat;
  background-size: cover
}

.mobile-wrap .polyv-more-control-list>li>.polyv-only-teacher {
  background-image: url(data:image/png;base64,[encoded data, 4508 characters])
}

.mobile-wrap .polyv-more-control-list>li>.polyv-all-users {
  background-image: url(data:image/png;base64,[encoded data, 5648 characters])
}

.mobile-wrap .polyv-show-more {
  padding-bottom: 150px
}

.mobile-wrap .polyv-show-more .polyv-chat-input {
  bottom: 100px
}

.mobile-wrap .polyv-show-more .polyv-chat-input-more {
  display: block
}

.mobile-wrap .polyv-show-more .polyv-icon-more {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAFeXZqlAAAABGdBTUEAALGPC/xhBQAAAIpQTFRFAAAA////cXFxdHR0ampqdnZ2bW1taGhobW1tZmZma2traWlpaGhoaGhoaWlpZ2dnaGhoZmZmZ2dnZ2dnZ2dnZmZmZmZmZmZmZ2dnZmZmZmZmZ2dnZ2dnZ2dnZmZmZmZmZ2dnZmZmZmZmZmZmZ2dnZmZmZmZmZ2dnZmZmZ2dnZmZmZ2dnZmZmZmZmg5oIhAAAAC10Uk5TAAEJCwwNDhYcIyY4QEJJUltpanJ5fX+Cg6Wqq7i/0dLT2d7j5+jy8/f4+f3+a01RcgAAAlZJREFUOMu1VNt6mzAMFsHj3FDIICWFBQoehaL3f73ZMgZDSG/6TY6D+JF1tgBmQvoBOI6DW0SymhE0ANwAOefO/JkpWcCaXnMUxIgbFkViv9BSWlspA4k8cEMHIMET7EmK9MRZaIv/DLUuQaF4+qN4UwuaADgtwVcROLSUXSRbxHt0tuOkqDPiehMirmncL5q+umz8sSbEMQ1YVArhXKMT/llFPMR49t2GF2FG7w6vAi0wlQk2NtnvZba4SIPeCr5gCXDGmdrF2x6zXZ5cnfdwATujYjEuxOEHdKn6pvC3GOu16txAZQuUEQvSEXGyNPqOi+f2gGgt3nnryTtOOqrQtDMo/W+yah+vy7ZVmEhJ+1r3iL7O18nYKRYaNpRAgI2GTSW/8O+RkggrDbc6+DNAibJdakxU5+qiKQdd8wJRL6vO5tSFRvswHf2Kh2tuT0JnQpwjCnxbT/K1xLFpx60VeIX/Re61RoPqq/tMMuZ4QDx+lDy906cucVbMSToCb7tBQdOmCx+VhN2+K5l0oPOOvfOkOGdLWLKvs+dhZ3I46VBrXZYPxM/TwTORmZkvkbwaxL0OX7+PniDnixo9leCi7/MfCZEK1FzQ7fPMDWDLSG0EFyg3Pmfzu6e4FUj3Qs4tpMn1DaVCpFCTU3AjFa59rHZLpRRTAf118HZyup8fpNuzHBSd2b2y2EP4zIdw2BY8FgMb74f19u7i07RpPesmjQ6ZvZW0s4HaztppsPKJvBzLNAoYC6K0HAmYcuvIIsv7fYB9zr5LqX8pqqbvm6q4+D+6ov8Ai8hodhykNaEAAAAASUVORK5CYII=)
}

.mobile-wrap .polyv-typing .polyv-icon-more {
  display: none
}

.mobile-wrap .polyv-typing .polyv-mobile-send {
  display: block
}

.mobile-wrap .polyv-new-msg {
  bottom: 50px
}

.mobile-wrap .polyv-unconnect-tip {
  top: 0;
  bottom: auto;
  height: 100%;
  background: rgba(0, 0, 0, .2)
}

.mobile-wrap .polyv-unconnect-tip-main {
  position: relative;
  top: 50%;
  width: 70%;
  height: auto;
  margin: 0 auto;
  transform: translateY(-50%);
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 8px
}

.mobile-wrap .polyv-unconnect-tip-head {
  display: none
}

.polyv-img-fullpage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, .65);
  text-align: center
}

.polyv-img-fullpage:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: ""
}

.polyv-img-fullpage img {
  max-width: 80%;
  max-height: 80%;
  display: inline-block;
  vertical-align: middle
}

.hide,
.hide-relative-other-msg li[data-relative-other=Y] {
  display: none
}

.show {
  display: block
}

.show-inline {
  display: inline-block
}

.polyv-font-size-md .tab-chat .polyv-input-ele,
.polyv-font-size-md .tab-chat .polyv-msg-content,
.polyv-font-size-md .tab-chat .polyv-user-actor,
.polyv-font-size-md .tab-chat .polyv-user-name {
  font-size: 14px
}

.polyv-font-size-lg .tab-chat .polyv-input-ele,
.polyv-font-size-lg .tab-chat .polyv-msg-content,
.polyv-font-size-lg .tab-chat .polyv-user-actor,
.polyv-font-size-lg .tab-chat .polyv-user-name {
  font-size: 16px
}

.polyv-icon-font-size {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer
}

.polyv-icon-font-size-plus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAD6ElEQVRYR+2YTWhcVRTH/2cmGb+gNPhFUBcWReuitqJSRLB+oM1GBckm3YzO3HOToCKColJaQxYqKiiamHfeZHRRcSNIFcQvaFyIVBCrYgVB6UIEvyrF6kLee0duuBOe8/XmTSdNkNzlvef9z++ee8+5Z4awzgetcz5sAJ7qCa1ZBJn5SQefJMlSrVZb6rSRtQbcnyTJzasCyMwfArjN7/xxEXk6z3H6CK4OoLX2clX9LgV0QkQ2rxtAZl4EcB+AFwDsBnAlEU0EQfBGr5CrFkFmPhvAXw6kUChcGsfxbiJ6BcBXInL1mgMaY/YR0QyAwyKy0wExcwSgGMfxjYuLi5+kIavV6q5CoXBTM7iq7vKbPKaqx5rXkyT52CVP7ixm5r8BnKWq94Zh+JoTNsYcIKI9AN4RkTvbAB5qA7hERA7yCIDtbQCXszsXoDGmTESvAvhFRC5siFar1Z2FQuHTxrEvLCy0RKQZYFXuIDN/6xPixSAIHko7ZWZ3tDcAmBOR+7Pu4sABrbW3qupHzrGq7gjD0B3NymBmB/WSmxgdHT1jZmbmn26QAwdk5vcB3A7gbRG5q9l5uVw+s1Qq/eD4ADwqIs+eNsDp6emtURQd9W/nRK1Wa1vvrLXPq+rDAI6LyLmnDdBaK6pqiOiLIAiu6eTYGHMdEX3m1rMK98COuFwuby6VSn94pw8GQbB8zzoNZj4IwJWaIyKyIytZstYzy4y1dq+qzgL4dWhoaMv8/PzJDMAJAK/769C1U8mCWw5KlpEx5iQRnQNgVkT2ZdmPj48XR0ZGXB28WFUPhmF4d9Y33da7AlprK6pacwJRFF1Ur9d/6sUZMz/jMtmXpCvCMEx3Pr1IrNh0BWTmbwBcpaodO95O3vwz5pZfFpEHclGljDsCGmPGiOjdfoXT30VRtKler//Zj1ZHQGZ2cGMAfkuSZDyvOBFtISLXN7qX54kwDJ/Kq9ExSYwx213N86XlkSAInutHnJlj1za6TYrI+f1otI2gMaZGRBUnKCKZmd6lJrqoPeajuNKe5QFtcT45OXlBkiQ/exEREZtHMG07NTU1EsfxcT/3uYhcm1erBdAYM0tEe73QZSLyfV7RtD0zvwngHj93h4h8kEevBZCZTwDYBOCQiNySR6ydbaVSub5YLB72ay0dd5b+fwCZeQrAvE+OsSAI3ssS6GWdmb8EsM3bbhORr3v5riWLjTFHiWgrgB9F5JJeRbLsjDF7iOhAP/d6JYLM7N7Mt3z0MruWLKjm9caPLTc/PDx83tzc3O+9aKQB9zeaBxFZ/mNnkKPxZ1FDs1cffde4QcJ309oAPNVIb0Twfx/BfwEsfLo47BJnlgAAAABJRU5ErkJggg==)
}

.polyv-icon-font-size-plus:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEH0lEQVRYR+2YXWgcVRTH/2c2GGNnxhRbxc/OHRWtD7UVlSKC9QNtXmpB9CF9UYuUzCQigvUDaZU+VFFRaeeulpb6UBFEkCoUv6D1oUgFaVWMKHbvgFrwo627d6JSsntkZjfJNpvd2dkmTZDct5177v/87rnn3Dk7hDk+aI7zYR7wTE9o1iLoBMXnEviKcSAcsg4028isAhIZm7mM22cEUMjoU4DvindOzE8XfPuFLMcZR3DGAN03ildzxfhxAoiLyrN75wygE5R2EdHDBHqNiVeDcS0x9Rd88512IWcsgpe8eey87rI1EoMwjQpw12oC8gC+UZ51/awDOlJvIuB5MB9Svr0yBhJSjwLIGWW+9eiQfbAe0tmmV6ELtzWAM1Ylz4hDgMKG+VF8HhdP5ioWUv8NoIeZHwp9+60EMNB7QFgH0IfKM9dMBqQc9k8GYCB2HkMeAbC8Yb5W3ZkAnaD0IBHtBvC78qyLxkQdWVxJML4YO/ZwYGFjRCYRzEgOirz+PikIwuuFAeux0yIl9UECbgEQKM8aTMvFaQd0t0d3ssGfJVFiWhH6Znw040Pk9SAY2+IHPYvM7uEH6FQryGkHFFJ/DOBuAB8oz7p3snNnN59L/0QFABcDtFF55ktnDXBJoJcahOFa9PrDJvedkNErAD8O4ITyrAvOGqDI6x1gPALQYeWZNzRz7AbFm5iML6u3R+uLe9qO2Hn1ZC91d52sQT2qPCvJs2ZDSL0XwBowjijfWpFWLGnzqdeMkPpZAFsA/NHDpjvsU9RK1JVRP4PfTtIhpVNJg0tOIs1IBKUIRAtA2KIGrE1p9niXc+L4SAjmy8DYq3xrbeqaFgYtAUVQWg+infH60bJx6c9DC46148zNRy8y88YkAhW+pjBo13U+7ShM2LQEdKX+joHrADTteFu4q75rGduVbw1lw2oDcIkc6TNQ2depcP26c/S/9g9PLtadaDWNoCujfQzuA/Anl3F/VnGji11m2lVNdH6m4Nlbs2o0LRIniJYT8eHqEdETyjdf7kRcSF0GYMSbVJ61uBONKSMoZLQT4PWxoPKs1Epv5tgJoq1E/FSyz7r2LAtog/Mr8/rCCuO3msgO5VkbsgjW214h/1qYQ+5EtVb4q9Czb8yq1QAopI4v5fhyRi5XvuqnDb1Hs4rW2wup3wNwXy1d7lG++UkWvakAiwBsAvYXPOuOLGJT2Yp88Wawcag619hxp+mfBujm9QAzZDVnqC/0zY/SBNqZF1J/DWBZglimZYUh89t21jVUsZA6bqmWgugXNWBe3q5Imp0bFNcxGXs6yevxCDqytJZA79dEUruWNKjJ82N/tuLnpyq86NdB+3g7GhOAeb0ZlUryO/TPr37YmcYx/rGoptmuj47vuGlkbyk1D3imkZ6P4P8+gv8BOha8OObRe8YAAAAASUVORK5CYII=)
}

.polyv-icon-font-size-sub {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADwUlEQVRYR+2XTWhcVRTH/+dNMn5BafCLoC4sitZFtaJSxEX9QJuNCpJNuhmduecmQUUERaVUQxYqKiiamPd/k9FFxY0gVRC/oN2IVBCrYgVBcSGCX5VidSHvvSt3eAnTzEzevJmYZpG3vPec//nN/7x73h3BBn9kg/NhE3DQDm06eNocVNWPANyWATxO8plBYTrl99Via+3lzrnvWgRPkNy6YQBVdRHAfQBeBLAHwJUiMhGG4ZtrDVnYQVU9G8DfHiQIgkuTJNkjIq8C+Irk1acd0BizX0RmABwhucsDqWoMoJQkyU2Li4uftELWarXdQRDsBuCAtrnbaa2Znqbp4Xq9frgfB/8BcJZz7t4oil73YsaYAyKyF8C7JO/sAHioqLNpmt5cGNAYUxGR1wD8SvLCpaK1Wm1XEASfLrV9YWHhx6JA3eILOaiq32YH4qUwDB9qFVVV39obAcyRvH/dAa21tzrnPvaFnXM7oyg6ugLQQ73s10ZHR8+YmZn5dy0ge3ZQVT8AcDuAd0jetbJ4pVI5s1wu/+D5ADxK8rl1A5yent4ex/Gx7HRN1Ov1jvPOWvuCc+5hAMdJnrtugNZaOueMiHwRhuG13QobY64Xkc/8/loN7twWVyqVreVy+c+s6INhGDbfs26Pqh4E4EfNUZI7B3UxF9Bau885Nwvgt6GhoW3z8/MncwAnALyRvQ7NWTYIZC6gMeakiJwDYJbk/rxi4+PjpZGRET8HL3bOHYyi6O68nNX2VwW01ladc3UvEMfxRY1G4+deiqnqs/4kZyPpiiiKWm8+vUgsx6wKqKrfALjKOVe4TSLiv7/+eYXkA4WoWoK7AhpjxkTkvX6FW/PiON7SaDT+6kerK6CqergxAL+naTpeVFxEtomIvzf6L88TURQ9XVSjOTk6JRljrvEzLxstj4Rh+Hw/4qqa+Guj/5Ekz+9HoxtgXUSqXpBk7klfZSZ61x7LXFy+nhUBbSs+OTl5QZqmv2QiJGmLCLbGTk1NjSRJcjxb+5zkdUW12gCNMbMisi8Tuozk90VFW+NV9S0A92Rrd5D8sIheG6CqngCwBcAhkrcUEesUW61WbyiVSkeyvbYbd57+KYCqOgVgPjscY2EYvp8n0Mu+qn4JYEcWu4Pk173ktZ1iY8wxEdkO4CeSl/QqkhdnjNkrIgf6ea+XHVRV/818O3Mv99aSB7VyX1Wbf7b8+vDw8Hlzc3N/9KLRCvjk0lwk+VQvyUViVPUUzV5r9D3jisANErsJOIh7bad4ULH/I3+zxYO6+h+G+E84K5zkPgAAAABJRU5ErkJggg==)
}

.polyv-icon-font-size-sub:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAD/ElEQVRYR+2XXYgbVRTH/2eyuK6dGbfYKn52ZlS0PlQrKkV8WD/Q7kstiD5sX9QiJTMbEcH6gVSlD1VUVNq50dJSHyqCCFKFolbovhSpIK2KK4rNHVAL2i+TO6tSNjkyk8TNbpKdTLJu92HnIQ/3nvM/v/nfe0/uEBb4QwucD4uAva7QooPnzEFbhAcAvicCIOZnC575cq8wrfK7WmLn7eK1XNF+mhLkonTNwQUDaPml3UT0KIHeZOK1YFxPTCMFT39/riFTO3jZO8cv6C8bExEI06QN7ltLQB7At9I1bjzngJZQWwh4CcyHpWeuiYBsoSYBZLQy33EsZx5qhLS2qyFolSFoGqNSmW5Iq7F6ckUbC3LGWGoHbaH+AjDAzI8EnvluDOirvSBsAOgT6errZgJSBgfTOstl3Jka0PJLDxPRHgB/SNe4pF7UEsU1BO3L+rIH2aVBWqB28akctPPqh/hAEN4qZI0npjkl1CECbgfgS9cYnXdAZ0d4N2v8RewS0+rA0482Qth5NQrG9mhsYJneP/4QnZ0LyI4dtIX6DMC9AD6WrnH/zOLWHj6f/g4LAC4FaLN09VfnDXCFr1ZqhPGaeyNBm35ni/B1gJ8EcFq6xkXzBmjn1U4wHgPoiHT1m9sVdvzirUzaV9W/v7lp3IlLbL1xZpD6+87UoB6XrhHvs3aPLdQ+AOvAOCo9Y3WvLiYC2kI9D2ArgBMDrDvjHoWzFXVEOMLg9+LtUOtlvUAmA/qlEERLQNgqs8aWxGIfcMY+NRGA+Qow9knPWJ+YM0vArIC2X9oIol1R/mRZu/yX3JLjnRRz8uErzLw53osVvq4wajbcfDpRmIqZFdAR6nsGbgAwlk42jh6Kfxk7pGfkusiPU9oCrhATwxoq+7sVbsw7T/1j/vj0ctWNVltAR4T7GTwM4CSX8WBaca2PHWbaXXWBnyu45ra0Gm0dtPzwJiI+Ul0iekp6+mvdiNtClQFo0UtK11jejUZLB20R7gJ4YyQoXSPxpLcrbPnhNiJ+Jn7PhutZGtCm4lfn1cUVxu81kZ3SNTalEWyMvUr8uTSDzOnqWeGvA9e8Ja1WE6AtVNSUo+aMTKZ8zc+bBo+lFW2Mt4X6EMADte1yn/T0z9PotQIsAjAJOFhwjbvSiLWKtfPF28Da4epc8407SX8aoJNXWWaI6p6h4cDTP00S6GTeFuobAKtixDKtKuT07zrJazrFtlDRlWoliH6VWf3KTkWS4hy/uIFJ29vNvv7PQUuU1hPoo5pI4q0lCWrmfP1jKxo/W+Flv42apzrRmALMqxfqn4WBd+GLnSSnibH84jTNTmt03ePSwPUSuwjYi3tNp7hXsf8jf3GJe3X1XxKSaThMd89BAAAAAElFTkSuQmCC)
}

.polyv-chat-room .polyv-reward-notice {
  position: absolute;
  left: 0;
  width: 270px;
  height: 40px;
  padding: 3px 0 3px 15px;
  margin-bottom: 16px;
  color: #ff5722;
  background-image: linear-gradient(90deg, #eb5145, rgba(235, 81, 69, 0));
  background-image: -ms-linear-gradient(to right, #eb5145, rgba(235, 81, 69, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EB5145", endColorstr="#ffffff", GradientType=1);
  transform: translateX(-270px);
  zoom: 1
}

.polyv-chat-room .polyv-reward-notice :root .gradient {
  filter: none
}

.polyv-chat-room .polyv-reward-notice:after,
.polyv-chat-room .polyv-reward-notice:before {
  content: "";
  display: table
}

.polyv-chat-room .polyv-reward-notice:after {
  clear: both
}

.polyv-chat-room .polyv-reward-notice>div {
  float: left
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-notice-left {
  width: 124px
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-user-nick {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fcf2a6;
  font-size: 14px
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-text-detail {
  color: #fff;
  font-size: 12px;
  line-height: 1
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-notice-middle img {
  width: 56px;
  height: 56px;
  margin-top: -19px
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-notice-right {
  margin-top: 2px;
  margin-left: 5px;
  font-style: italic;
  font-weight: 800;
  color: #f57c00;
  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-notice-right>span {
  margin-right: 2px
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-notice-right>span:first-child {
  font-size: 20px
}

.polyv-chat-room .polyv-reward-notice .polyv-reward-notice-right>span:last-child {
  font-size: 28px
}

.polyv-chat-room .polyv-reward-notice[data-index="1"] {
  top: 56px
}

.polyv-chat-room .polyv-reward-notice[data-index="2"] {
  top: 128px
}

.polyv-chat-room .polyv-reward-notice[data-index="3"] {
  top: 200px
}

@keyframes rewardStart {
  0% {
    transform: translateX(-270px)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes rewardEnd {
  0% {
    height: 40px
  }

  to {
    height: 0
  }
}

@keyframes rewardNumber {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.5)
  }

  to {
    transform: scale(1)
  }
}

.polyv-chat-room .polyv-reward-notice-animate-start {
  animation: rewardStart .15s linear forwards
}

.polyv-chat-room .polyv-reward-notice-animate-end {
  transform: translateX(0);
  animation: rewardEnd .1s linear
}

.polyv-chat-room .polyv-reward-notice-number-animate .polyv-reward-notice-right {
  animation: rewardNumber .3s linear
}

.polyv-chat-room .polyv-reward-notice-ie9 {
  transform: translateX(0)
}

.plv-view-picture {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5)
}

.plv-view-picture__inner {
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: center;
  white-space: nowrap;
  font-size: 0
}

.plv-view-picture__container {
  display: inline-block;
  font-size: 0
}

.plv-view-picture__container--middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.plv-view-picture__picture--move {
  cursor: move
}

.plv-view-picture__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAbFBMVEUAAAAwMDAwMDA4ODg2NjY4ODgwMDAwMDAwMDA0NDQwMDA4ODgwMDAwMDAwMDAzMzM0NDQzMzMwMDAzMzM0NDQ0NDQzMzM0NDQwMDAwMDA0NDQ4ODgzMzM0NDQwMDBYWFhwcHDg4ODf39/Q0NDIpuapAAAAHHRSTlMAEAgQMDhIUFhYYFCQoKioyNDQ+Pjw4OjYwIAgwptV5AAAAeFJREFUeAG01VUCrDAUA9Dg7g4Z3/8en2tHeqE9nyMJVKHH85O1qptx6LphbOpqTXwPpnhZ3p6pOLd5ZqDESZcTXzotqYMjwrLnB30ZYq+4pZY2xh7pTG1zCqmgpUgbQMIpKFY40BYN3GGIoMfNuVPuQsNWc7d6w0fBxAOmAB+EAw8ZQrwV9zyoj9/m04A3DWFPA/oQLwQDjRhezPQ20ZBpgwpuTWNqF6qcBuVQRDQqwn+cgUYNDv5V0LAC/whoXIC/tTSuxV9SWpDij5kWzMIzTi62NQPKLIS0JMQPJS0p8Z3T05LesbJGlZW60JoFX3knWnPyAGT87HKl4nrhZ5neRXN53JSG6+1x0bt4Wo38+/3/huvtftdoaAHvTJUa9qNB/eiDswefFDYI8kkfCcUNgnwmWCluEORzRUVpgySfFWoKG0T5rNFQ1iDLZ4ORsgZZPkcMlDXI8jmgo7RBks/OeoH9IbI9ydaXqf2N9qVWOyAAAABBGNa/9VKshMJPPxX92PVzvR9Of5n/6f/Y0oNXj449/P743gtIr1C9BP4a+4t4RwkfhnSc84FUR2ofCnas+cHsR8sdjn+8/wXFVyxfEn3N9UXdV41fln7dm4R1UO5/NPBnD3+48acnfzzT5z8AHTca4puzzgwAAAAASUVORK5CYII=);
  cursor: pointer
}

.plv-view-picture__close:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAbFBMVEUAAAAwMDAwMDA4ODg2NjY4ODgwMDAwMDAwMDA0NDQwMDA4ODgwMDAwMDAwMDAzMzM0NDQzMzMwMDAzMzM0NDQ0NDQzMzM0NDQwMDAwMDA0NDQ4ODgzMzM0NDQwMDBASFhAWHhYoP9cnf9YmPCjJLC8AAAAHHRSTlMAEAgQMDhIUFhYYFCQoKioyNDQ+Pjw4OjYwIAgwptV5AAAAeFJREFUeAG01VUCrDAUA9Dg7g4Z3/8en2tHeqE9nyMJVKHH85O1qptx6LphbOpqTXwPpnhZ3p6pOLd5ZqDESZcTXzotqYMjwrLnB30ZYq+4pZY2xh7pTG1zCqmgpUgbQMIpKFY40BYN3GGIoMfNuVPuQsNWc7d6w0fBxAOmAB+EAw8ZQrwV9zyoj9/m04A3DWFPA/oQLwQDjRhezPQ20ZBpgwpuTWNqF6qcBuVQRDQqwn+cgUYNDv5V0LAC/whoXIC/tTSuxV9SWpDij5kWzMIzTi62NQPKLIS0JMQPJS0p8Z3T05LesbJGlZW60JoFX3knWnPyAGT87HKl4nrhZ5neRXN53JSG6+1x0bt4Wo38+/3/huvtftdoaAHvTJUa9qNB/eiDswefFDYI8kkfCcUNgnwmWCluEORzRUVpgySfFWoKG0T5rNFQ1iDLZ4ORsgZZPkcMlDXI8jmgo7RBks/OeoH9IbI9ydaXqf2N9qVWOyAAAABBGNa/9VKshMJPPxX92PVzvR9Of5n/6f/Y0oNXj449/P743gtIr1C9BP4a+4t4RwkfhnSc84FUR2ofCnas+cHsR8sdjn+8/wXFVyxfEn3N9UXdV41fln7dm4R1UO5/NPBnD3+48acnfzzT5z8AHTca4puzzgwAAAAASUVORK5CYII=)
}

.plv-view-picture__control {
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -89px;
  width: 178px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: hsla(0, 0%, 100%, .87);
  font-size: 0;
  background: #23242a;
  border-radius: 2px
}

.plv-view-picture__control .plv-view-picture__control-icon {
  margin: 0 10px;
  margin-top: -8px
}

.plv-view-picture__control-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important;
  border: none;
  outline: none;
  cursor: pointer
}

.plv-view-picture__control-icon-zoomout {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABKklEQVR4Ae2WGaDEMBRFi8HBwToNFot1h2JxMO5Q/E7B4mAwGCxedz9/37d0edYbzNv36sD/OHCABk8gkslEAp5mL9GOgYR+eIkBt1V89yI84mmpcThqWjzxRUm3RfwVISaaX8I2IcR1rfgRMdP/SdMzI8a11meagvRnlntBh5hpCitsRnTLKich+mL6HpEWVBQDYqoWgAkxlJMnRLOwEUVaQhyrhSAWG4VH+KUKFnAREO1iBS0ilDtbL1ZQFweWjD6WHPr9fSptkcsVnBYrOCGyfYjsk2xfpvaNZj8qzIedwbi+IhLOauG0CNHbrkyR6eyW/h0jQnjDs+VFVeBsdnhxISESF7PTkTPhJax2xy8eIUZcZQU6MuLG2U5FzY0brrIDzsB+Wxw4cA8QpwUOPrm9SAAAAABJRU5ErkJggg==)
}

.plv-view-picture__control-icon-zoomout:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAXVBMVEUAAABgoP9goP9goP9goP9goP9goP9goP9goP9cnP9goP9goP9goP9cnv9goP9goP9oqP9goP9coP9goP9coP9gsP9gqP9gqP9goP9cnP9goP9YoP9cnP9goP9coP+OBPYXAAAAHHRSTlMAQIjYCOjAUCj48NB44JBoEKjwcNgQIBg48IBIcm6rTwAAAORJREFUeAHt1FVCwEAMBNBJ3d07cP9j4p4tBLf3uS5J8O97kirys8yPKsELBEXIW2ER4BlxSfqeJE2TiOeTZYxDHpkLbklOejjQMq3xQJ2yPVq/EzwinXuPmKkob5YyhiooWUNRswygKZhDlbOAJqRAJQz1Zh8OvrpURc/9epXSGlHgIIzUfRM4JOppMza4cPIALjTM1Amja8LIzHwk86Wtz+rZP84eGtbgM4T3xjKwJNB+yt6YolxjWxFoSc9WZvqU0WwqZEvIcDGVyjli2tuKsUe2ASzilcMEi2QYApgEEz7OvzPgExPFdWqp2wAAAABJRU5ErkJggg==)
}

.plv-view-picture__control-icon-zoomout:disabled {
  cursor: not-allowed
}

.plv-view-picture__control-icon-zoomout--disabled,
.plv-view-picture__control-icon-zoomout:disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAA80lEQVR4Ae2Wp6JDIQyGK49EIpGRlcjIyLz/y3x35e7V0BPHj2Jlr8vGxsb/oCFMFMNQJkI7j/jA8B+WMe4n3oO4InRaaNMRNJj0e8hLEG8/my2YyCr5K44z/jGf41xXpTfaDe63BS3oOE67McIcT/oCwxmJOHMsF5iOpgRSnJGTvyUT0bHMY00Hhd4sFJKKivwvZsREPu7mirLnGxbDP+399/XlnZUzKDdRuZPLw7Q80YpLRXmxqyvXgmNlDSfejtqW6Ri9sOnHWykcW4LV5CgbvMJYRisbHTmYYda64RdZHsWSZlWOymFf0UstCuSvxcbGA6lSceLCKBEqAAAAAElFTkSuQmCC)
}

.plv-view-picture__control-icon-zoomin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABVUlEQVR4AWIgDEbBKBgFAFrLDNphIArDOlgMxqk4GIw7BIPFcYficwoWi4PBwVLOdffvnfPb2++07yY223e3jUxho9JoVDYK+b+eTqzs2Df/zkp69fkZPU6lMDGSSIxMFCqCML/y/EWP3Mg/mO2m/cuzz18xHiy/nll4YFyflb6RHe5v9GvBLOmzM8IeWJcvSHLt4j6/yN3JD1gxbt/uGPbduty9ugGSP3cBMsbuz1qjas8J0E7FyD5AwSjdAN3yATaMqRswYWw+QMUYf9g7OH7YGTGqD9Aw0kep0c/x+f8Q2kbzA07dgJMA8SbyO9kP8DvZEaYC+G/1J5oA/YnmLxUCOEuFo9j5ASp2ceX6gsp1VMOZMIkT2TJ1do5r+m86a5TAsQWh2BjCBi/OOrtzDhsdGdiQWQOHX4rgV6FjPmYaxp0hDjFy5x6ogzw3vI9haIFRMAoAXTkxtjS7st4AAAAASUVORK5CYII=)
}

.plv-view-picture__control-icon-zoomin:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAYFBMVEUAAABgoP9goP9goP9goP9goP9goP9goP9goP9cnP9goP9goP9goP9cnv9goP9goP9oqP9goP9coP9goP9coP9gsP9gqP9gqP9goP9cnP9goP9YoP9cnP9cnf9goP9coP/gddhHAAAAHHRSTlMAQIjYCOjAUCj48NB44JBoEKjwcNgQIBg48IBIcm6rTwAAAQJJREFUeAFiGJxgFAAoKavEimEYCErGMGO7Se9/yjJXTp/mfwyC5SbYorChYboBV3l84itH/xBrwBrOui5jY4E60iUGKJk+4RIwdEGPvKUftDn6q/MHpl/wkL4jIhfqwjkiibgaLQm0qJ0oVCjpk/OkT0pUouDBssDwJMCwJAtkwYLQwKQEg0YQAjglMIIgWGT0xXHQFxmsIBTo3s5+4XjnTetQiMKcEmZJ0D8pgFMCI6TLKgkGJt04SbDg9GgIAsOnh08SSlSq8b5D7TQLdP+AUbmi2KMuBHrA6GJmzBFWVZBtHn5TReUakI+6MDZA70hD3DEtKiObJkcq3EJPox0YBQBXYBaSliXyRwAAAABJRU5ErkJggg==)
}

.plv-view-picture__control-icon-zoomin:disabled {
  cursor: not-allowed
}

.plv-view-picture__control-icon-zoomin--disabled,
.plv-view-picture__control-icon-zoomin:disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABFklEQVR4Ae2Woc7FMAiFr5xEVk5WXllZiSHh/V/m+w1qWbKx/Yib9NRtLQcOBPhcY2FhAaEzmCjKZNCR/zO+o/jJUfb3xlsYn3QaEtE0OjNI2hvzPYzLuWxB0p+a/+I4+4V8jvN96r0iN9KvD6Kg4Thys8IcT+YCPYpzKZTmCtOZp38cP/0+Ew6F/5IikEQMSPifIIgY5H799DRBvLoBBk5LEzSccSRIB4thSWHPU3z0Oo4dz+Ge1hPUS/Q2yYblk5wpU8MSr7LBBkFC2HyrMCzTKvLNzrB8s3vbrmM4lQ2cuLvXjszYL8qGftzthWtLUA22ssUrxFKkbHVkY4Ssdcsv/fEqlpR1slUu+5P5qUX4/ztYWPgDpCyQ6o9a0F0AAAAASUVORK5CYII=)
}

.plv-view-picture__control-icon-download {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAiUlEQVR4Ae3OxxkDMRBC4S1BJapMVTPfdIITV5xwNui68/7dsiz7uKHRAf4JCICJcQ2AgXlfvrFICID5hb6V4CEJAYivDIKAm9cEAT+vCQJ+XhIE/LwgCPh5SRwAL89/lEShRJ63dwIkio95A1CEzvsACZX3ARI67wNcgEJtev4tynhvBfSyLMt2UvOhYqdqJ2AAAAAASUVORK5CYII=)
}

.plv-view-picture__control-icon-download:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAElBMVEUAAABdnv9dov9en/9hnv9cnf9KXPOzAAAABXRSTlMA1BZqFYE5kHsAAABlSURBVHgB7cuFEQNAFALR+7L9txwXYsSdcWbf+O+7Bn/wOlC9D7pO9ETvgg6Oi461ALm8AN9LANpbAb4XAb4XAb4XAa4HESA9nAIzAbPeABHSWzAypPdgZA8PdJ8IzG4Huv/+mwB+awP5FI55dAAAAABJRU5ErkJggg==)
}

.plv-view-picture__control-icon-download:disabled {
  cursor: not-allowed
}

.plv-view-picture__control-icon-download--disabled,
.plv-view-picture__control-icon-download:disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAg0lEQVR4Ae3NtwFDMRRCUXeaQ6NoAPYfBydanHD+oFbvnt3Xres6giiwJaAAJ8ctAAfnY3lwiTCA8ou4l9ChCAOYXwEhIM17QkCa94QAl88JATafEwJ8PicIIswThCcIwuTNrfnkCD3lM8ATymeAJ5RPAU8oHwN+rwcKBO+jgF/Xdd0eHoIxDF1nXNIAAAAASUVORK5CYII=)
}

.plv-view-picture__control-text {
  font-size: 12px
}

.plv-view-picture__control-text:hover {
  color: #5c9dff;
  cursor: pointer
}

.plv-view-picture__control-text:hover+.plv-view-picture__control-text-tip {
  display: block
}

.plv-view-picture__control-text-tip {
  display: none;
  position: absolute;
  top: -100%;
  left: 7px;
  padding: 8px;
  font-size: 14px;
  line-height: 1;
  background: rgba(0, 0, 0, .85);
  border-radius: 2px
}

.plv-view-picture__control-text-tip:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid;
  border-color: rgba(0, 0, 0, .85) transparent transparent
}

.plv-view-picture__control-split-line {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 6px;
  vertical-align: middle;
  margin-top: -8px;
  background-color: hsla(0, 0%, 100%, .2)
}

.plv-view-picture__scale-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  background: rgba(0, 0, 0, .85);
  border-radius: 2px
}