.chat-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.chat-wrapper .tip-box-enter-active {
  transition: all .3s ease-out;
}
.chat-wrapper .tip-box-leave-active {
  transition: all .8s cubic-bezier(1, 0.5, 0.8, 1);
}
.chat-wrapper .tip-box-enter-from,
.chat-wrapper .tip-box-leave-to {
  transform: translateX(0.266667rem);
  opacity: 0;
}
.chat-wrapper .un-read-hint {
  height: 0.693333rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  background: #fff;
  opacity: 1;
  border-radius: 0.213333rem;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: 400;
  height: 0.693333rem;
  color: #ff5740;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}
.chat-wrapper .un-read-hint img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.16rem;
}
.chat-wrapper .live-tip-list {
  position: absolute;
  top: px2rem(1.413333rem);
  z-index: 99;
  width: 100%;
  font-size: 0.373333rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.64rem;
  color: #fff;
  opacity: 1;
  padding: 0.186667rem 0;
  height: 0.56rem;
}
.chat-wrapper .live-tip-list .live-tip-item {
  width: 100%;
  top: 0;
  left: 0;
  height: 0.64rem;
  text-indent: 0.266667rem;
  background: linear-gradient(90deg, #1fa97c 0%, rgba(31, 169, 124, 0) 100%);
  opacity: 1;
  border-radius: 0.373333rem 0 0 0.373333rem;
}
.chat-wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgb(52, 52, 62), rgba(52, 52, 62, 0) 10%);
  z-index: 10;
}
.chat-wrapper .swiper-container {
  position: relative;
  left: 0;
  width: 100%;
  max-height: 4.186667rem;
  overflow-y: scroll;
}
.chat-wrapper .swiper-container .message-list {
  position: relative;
  z-index: 15;
}
.chat-wrapper .swiper-container .message-list .message-box {
  margin-top: 0.106667rem;
  font-size: 0.373333rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.533333rem;
  color: #fff;
}
.chat-wrapper .swiper-container .message-list .message-box .message-content {
  padding: 0.106667rem 0.266667rem;
  background: rgba(0,0,0,.4);
  border-radius: 0.213333rem;
  max-width: 100%;
  display: inline-block;
}
.chat-wrapper .swiper-container .message-list .message-box .message-nick {
  color: #a4e6ff;
}
.chat-wrapper .swiper-container .message-list .message-box .text-administrator {
  color: #a4e6ff;
}
.chat-wrapper .swiper-container .message-list .message-box .nick-administrator {
  color: #a4e6ff;
}
.chat-wrapper .swiper-container .message-list .message-box .nick-audience {
  color: #a4e6ff;
}
.chat-wrapper .swiper-container .message-list .message-box .nick-self {
  color: #ffff9f;
}
.chat-wrapper .bottom-box {
  position: absolute;
  width: calc(100% + 0.133333rem);
  height: 0.88rem;
  left: 0;
  bottom: -1.133333rem;
  display: flex;
}
.chat-wrapper .bottom-box .send-box {
  flex: 1;
}
.chat-wrapper .bottom-box .send-box .send-shade-box {
  height: 0.88rem;
  z-index: 10;
}
.chat-wrapper .bottom-box .send-box .input-box {
  height: 0.88rem;
  background: rgba(0,0,0,.4);
  border-radius: 0.426667rem;
  box-sizing: border-box;
  padding: 0.16rem 0.32rem;
  display: flex;
  align-items: center;
}
.chat-wrapper .bottom-box .send-box .input-box .commit-img {
  width: 0.533333rem;
  height: 0.533333rem;
}
.chat-wrapper .bottom-box .send-box .input-box .send-input {
  background: none;
  width: calc(100% - 0.866667rem);
  margin-left: 0.213333rem;
}
.chat-wrapper .bottom-box .send-box .input-box .send-input .el-input__inner {
  background: none;
  font-size: 0.373333rem;
  font-family: PingFang SC;
  color: #fff;
}
.chat-wrapper .bottom-box .send-box .input-box .send-input .el-input__inner::-webkit-input-placeholder {
  color: #d9d9d9;
}
.chat-wrapper .bottom-box .send-box .input-box .send-input .el-input__inner:-moz-placeholder {
  color: #d9d9d9;
}
.chat-wrapper .bottom-box .send-box .input-box .send-input .el-input__inner::-moz-placeholder {
  color: #d9d9d9;
}
.chat-wrapper .bottom-box .send-box .input-box .send-input .el-input__inner:-ms-input-placeholder {
  color: #d9d9d9;
}
.chat-wrapper .bottom-box .send-box .input-box .submit-button {
  width: 1.226667rem;
  height: 0.64rem;
  background: #ff5740;
  border-radius: 0.32rem;
  font-size: 0.373333rem;
  text-align: center;
  line-height: 0.64rem;
  color: #fff;
}
.chat-wrapper .bottom-box .otherButton {
  margin-left: 0.32rem;
  width: 0.88rem;
  height: 0.88rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 0.88rem 0.88rem;
}
.chat-wrapper .bottom-box .showButton {
  margin-left: 0.266667rem;
}
.chat-wrapper .bottom-box .showButton .showButtonImg {
  width: 2.08rem;
  height: 0.88rem;
}
.chat-wrapper .bottom-box .showButton .showButtonNoImg {
  width: 2.08rem;
  height: 0.88rem;
  background: #ff5740;
  border-radius: 0.426667rem 0.426667rem 0.426667rem 0.426667rem;
  text-align: center;
  font-size: 0.373333rem;
  font-family: PingFang SC-Medium,PingFang SC;
  font-weight: bold;
  color: #fff;
  line-height: 0.88rem;
}
.chat-wrapper .bottom-box .praise-box {
  margin-left: 0.266667rem;
  margin-right: 0.133333rem;
  width: 0.88rem;
  height: 0.88rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 0.88rem 0.88rem;
}
.chat-wrapper .bottom-box .praise-box .praise-number {
  text-align: center;
  margin-top: -0.16rem;
  margin-left: 0.013333rem;
  width: 0.853333rem;
  height: 0.293333rem;
  background: #fff;
  border-radius: 0.266667rem;
  font-size: 0.186667rem;
  font-weight: bold;
  color: #ff5740;
  line-height: 0.293333rem;
  font-family: PingFang SC-Medium,PingFang SC;
}
.chat-wrapper .bottom-box .praise-box.praise-box-click {
  margin-left: 0.186667rem;
  margin-right: 0.053333rem;
  margin-top: -0.08rem;
  width: 1.04rem;
  height: 1.04rem;
  background-size: 1.04rem 1.04rem;
}
.chat-wrapper .bottom-box .praise-box.praise-box-click .praise-number {
  margin-left: 0.093333rem;
}
.chat-wrapper .more-buttons {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 220;
}
.chat-wrapper .more-buttons .title {
  width: 100%;
  height: 1.333333rem;
  background: #fff;
  border-radius: 0.266667rem 0.266667rem 0 0;
  text-align: center;
  font-size: 0.426667rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.333333rem;
  color: #333;
  position: relative;
}
.chat-wrapper .more-buttons .title img {
  position: absolute;
  padding: 0.266667rem;
  top: 0.24rem;
  right: 0.4rem;
  width: 0.32rem;
  height: 0.32rem;
}
.chat-wrapper .more-buttons .box-content {
  background-color: #f4f6f8;
  padding: 0 0.533333rem 0.533333rem;
}
.chat-wrapper .more-buttons .box-content .button-more {
  height: 1.333333rem;
  font-size: 0.426667rem;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 1.333333rem;
  color: #333;
  border-bottom: 0.026667rem solid #fff;
  text-align: center;
}
.chat-wrapper .convenient-chat {
  margin-top: 0.213333rem;
  overflow-x: scroll;
}
.chat-wrapper .convenient-chat .swiper-wrapper {
  width: max-content;
}
.chat-wrapper .convenient-chat .swiper-slide {
  display: inline-block;
  margin-right: 0.186667rem;
}
.chat-wrapper .convenient-chat .swiper-slide.disable .convenient-chat-item {
  color: #aaa;
}
.chat-wrapper .convenient-chat .predict-card {
  margin-bottom: 0.64rem;
}
.chat-wrapper .convenient-chat .convenient-chat-item {
  display: inline-block;
  font-size: 0.32rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.64rem;
  color: #2b2b2b;
  background: rgba(255,255,255,.8);
  border-radius: 0.213333rem;
  opacity: 1;
  padding: 0 0.266667rem 0 0.266667rem;
}
.chat-wrapper .convenient-chat::-webkit-scrollbar {
  display: none;
}
.chat-wrapper .official-notice-box {
  margin: 0.16rem 0;
  z-index: 220;
  top: -2rem;
  width: calc(100% - 0.853333rem);
}
.chat-wrapper .official-notice-box .message-box {
  margin-top: 0.106667rem;
  font-size: 0.373333rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.533333rem;
  color: #fff;
}
.chat-wrapper .official-notice-box .message-box .message-content {
  padding: 0.106667rem 0.266667rem;
  background: rgba(0,0,0,.4);
  border-radius: 0.213333rem;
  max-width: 100%;
  display: inline-block;
  position: relative;
}
.chat-wrapper .official-notice-box .message-box .message-content .icon {
  display: inline-block;
  width: 1rem;
  height: px2rem(0.453333rem);
  line-height: 0.533333rem;
  position: absolute;
  top: 0.133333rem;
}
.player {
  position: relative;
  height: 100%;
}
.player .cursor {
  cursor: pointer;
}
.player .player-container {
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #34343e;
}
.player .top-video {
  top: 33%;
  transform: translateY(-0.8rem);
}
.player .player-title {
  position: fixed;
  margin: auto;
  left: 0.133333rem;
  top: 0.133333rem;
  padding: 0.106667rem 0.2rem;
  border-radius: 0.333333rem;
  background: rgba(0,0,0,.6);
}
.player .player-title .title-text {
  color: #fff;
}
.player .video-js.vjs-paused .vjs-big-play-button {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  margin-left: -0.8rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
  border: none;
}
.player .video-js.vjs-paused .vjs-big-play-button .vjs-icon-placeholder::before {
  content: "";
}
.player .video-js .vjs-poster {
  background-size: 3.2rem;
  background-color: rgba(0,0,0,0);
}
.player .video-js.vjs-error .vjs-big-play-button {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  margin-left: -0.8rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
  border: none;
}
.player .video-js.vjs-error .vjs-big-play-button .vjs-icon-placeholder::before {
  content: "";
}
.player .control-box {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
}
.player .control-box img {
  width: 0.8rem;
  height: 0.8rem;
}
.player .video-js .vjs-control-bar {
  display: flex;
  justify-content: flex-end;
  opacity: 1;
}
.player .video-js .vjs-time-control {
  display: block;
}
.player .video-js .vjs-remaining-time {
  display: none;
}
.player .video-js .vjs-fullscreen-control {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 0.8rem 0.8rem;
  background-position: 0.266667rem 0.266667rem;
}
.player .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
  content: "";
}
.player .vjs-fullscreen .vjs-fullscreen-control {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 0.8rem 0.8rem;
  background-position: 0.266667rem 0.266667rem;
}
.player .vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before {
  content: "";
}
.player .vjs-button>.vjs-icon-placeholder:before {
  font-size: 0.293333rem;
  line-height: 1.9;
}
.player .video-js .vjs-playback-rate .vjs-playback-rate-value {
  line-height: 2.4;
  font-size: 0.24rem;
}
.player .video-js .vjs-tech {
  z-index: 0 !important;
}
.player .video-js .vjs-tech:focus {
  outline: none;
}
.player .vjs-control-bar {
  background: none !important;
  opacity: 1 !important;
  height: 1.333333rem !important;
}
.player .vjs-control-bar .vjs-control.vjs-button {
  width: 1.333333rem;
}
.player .vjs-button>.vjs-icon-placeholder:before {
  font-size: 0.8rem !important;
}
.player .video-js.vjs-playing .vjs-tech {
  pointer-events: auto !important;
}
.card-box {
  margin-left: 0.426667rem;
  border-radius: 0.133333rem;
  overflow: hidden;
  z-index: 200;
  box-shadow: 0 0.16rem 0.32rem rgba(0,0,0,.1);
}
.leave-tip[data-v-32a5898e] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(48,46,54,.4);
  text-align: center;
}
.leave-tip .tip-box[data-v-32a5898e] {
  width: 6.666667rem;
  height: 2.746667rem;
  background: #fff;
  opacity: 1;
  border-radius: 0.133333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.373333rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.533333rem;
  color: #666;
}
.leave-tip .tip-box .tip-text[data-v-32a5898e] {
  margin-top: 0.426667rem;
}
.leave-tip .confirm-button-box[data-v-32a5898e] {
  display: flex;
  justify-content: center;
  margin-top: 0.426667rem;
  font-size: 0.346667rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0.933333rem;
}
.leave-tip .confirm-button-box .alert-button[data-v-32a5898e] {
  width: 4.266667rem;
  height: 0.933333rem;
  background: #ff5740;
  opacity: 1;
  border-radius: 0.666667rem;
  color: #fff;
}
.leave-tip .confirm-button-box .confirm-button[data-v-32a5898e] {
  width: 2.666667rem;
  height: 0.933333rem;
  border-radius: 0.666667rem;
  display: inline-block;
}
.leave-tip .confirm-button-box .confirm-cancel[data-v-32a5898e] {
  border: 0.013333rem solid #ff5740;
  margin-right: 0.48rem;
  color: #ff5740;
}
.leave-tip .confirm-button-box .confirm-confirm[data-v-32a5898e] {
  background: #ff5740;
  color: #fff;
}
i {
  display: inline-block;
}
.i-arrow-red {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAABJklEQVQ4T5XUPU7DQBAF4PcSpeQOFPRIpAXs1CkoEHaqCIK4ERdIlCaOlIITmEgpOQApgoQQDQcAKZEfMs6PFnvXthtL3v084xnvENtL4fkpvvXFp8Xn7pnrznRRgTcE2QfwA+GBUTwuw1R4cQY0Xw4blUAcMIqHzojq+ceQlgBbJtaA0dyKs1RDvwdhDKJpRFFya8N/0I6VALrjZD76n/Ye1sUGrINzsCouhFWwFTqxeO2EGb7sAw2zn8KrO2K73cLJ0RTAldlfPNu/0YagFdb0iqvqQsmmw+niPd/HCihN2/xzKiIDqgbaw7roAANvAjIwT4BW2Bai6EAXTIC063qDNn5aPdsUYH4CuCPtXpRNgJtOF43kEcASa95zFn+UDquyDbb1X5csvm226axsAAAAAElFTkSuQmCC) no-repeat;
  width: .1844rem;
  height: .3154666667rem;
  overflow: hidden;
  background-size: 100%;
}
.i-eye {
  width: .32rem;
  height: .32rem;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACdklEQVRIS8VVO2gUURQ9Z2YiKSxil3InbBAhgoKFkoAIFgEtAirESsVCBZHZoETRIoUBSSQziIWFYjpTaLdFxDSCoFYKxkISMitYpAi4RYqQfTtHZjYbN8mbhBQhr5u5991z7rmfR+zx4R7Hxz4DhHGHS16gkn6SJwR0AjIElwB8ScCZuvQOJb+ap4Q9g5G43TuEYQgBgY7tZBRQBRGZv5VRjJwxm323AkQLhz1wisCx3dRHwHcDDSLo+tV6bwOAF/7uBZPyTqzzgAUsEhioBf7Xps9/gIn5ouc43wgetAWQOANHnzJbwj5SZ61+QNUIx1HyK6m9AZBq3oHPNlkELSPhJTPkT3tRPAzodiMwfwLqtRHK5KriFEb8lQzACysPST22MUqS+uX6UHHKjSrXHehlq0+SqOw4PJ+T8SNTKowSY3Gnd0Bzdmk4WwsKR9dIfNgsi4BpSkWQxc0gaXeZVRxhmjaBJzmFm6wF/rVcAHGG1B8AV3PqcZ9t4cKcjcHahXUAJ4pvuMCL1kB14KYLnMwDgDRPN4pfOzkMAM3Wgq5MomatgCRofDlRqnFbtPADYI+1fsDkDjUABPSbwH9vC+CGlXMOVbbLo2Wzyu6si9yJ+UHHcd/Yu0FLcHnR3PE/ttq9Z/FpJCrnzU2z+9YHzQsr46Tu5hQbQsqUjUGD+gh7e2ZW8akpFe5l07KBVRSHBNY0zoPa/r+AyAR+qem1ZdmlA0XoOYH23UAIWJHqt+ql4mTrPfu6DuOCB44DyQBJbzsgSYbk25rwoLl/dgZoeqRADq6kyw1UD7MHJ+usRYiz6fIzK+YVhrvTYbOefX4yd1OE/crgH7HD+2NgF2F6AAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
}
.i-arrow-gray {
  width: .2666666667rem;
  height: .2666666667rem;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB2ElEQVQ4T53Uz4vTQBQH8O+bll4Kq64oQhWW9aIgi6DiH6DCIggKnixobSYh7M2bx179C4SZ0I7b9ZT15Gl38QcePHny4N8geIggQkmbVB68wtJm28Tckpn55PtmHkOYe3zffwQgIqJdY8yL+fFV71QA7hFRm79Pp1NnrfUA5Kug2fgCqLW+oZT6CGCNJ+V5/iaKom5ZdAFkJAiC2wAOAJySP+8ZY56VQQtBRnzfvwXgkIhOS/lvW63W016vt7T8E0FGpPwjAGcEHVprOen0pD1dCkrS60T0AcD6sYPiPS1EV4KSdEsO6qwki4wxflHKUiAv9DzvGqNEdE6g18aYnXm0NChJr0rSC1L+S2vtq+NoJbDdbq81m81DANxWs8Z//l+g53nrtVqNe/OmAD/SNL3jnPtZGQzD8HyWZUdEtCXJvk8mk7uDweBX5T3UWl9USnEvXpHF39I0veec+135lAX7DOCyJPuaZdl2v9//U7mxO53ORqPR4IbeFOzTaDR6MBwO/y67eQpPudvtbtbrdU52SbCD8Xj80Dk3Wobx2AIYhuFGnudfZhiA90mSPI7jOF2FFYJBEFi+FyTZPhE9McaMy2CFoNb6vlJqF8C7JEl24jjOymI87x9ClrUVxnwOAwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100%;
}
.i-fire {
  width: .32rem;
  height: .32rem;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADDklEQVRIS42VP2gUQRTGvzc7q22KCBEM2Q0RBCMkYGFhYSCChWICBiwEI1ooiO76tzDgCVpoYvYCik0kgbQRLYQgClooFgaiKBhJvDmJhYXgCQaiO3dPdpPb29u7y+a6m/ne+817871ZQtpv5EuzNMzPBJHxXet+mjy5T2kBRjZ/UoDH13STfgFnkLFX0uLK+6kAmVUvCdhXDmDmWe3TIVyxf2wEsj7AU10mYS6ZiMHftcBBnGv/kAZZF2Bk1YQABuslYfAfgI5ox362HqQxYHixU0oxR0SyUQJm1kziaNGxHjXSNATIrJoh4EBaC9IgdQHGmDouGJNpyaOLB1bAole7bW/SbXp7YZvcLD8S0LRRQKBjoKAZ3XDtfDyupgLp5Z4TUW9K8nkAO+q467UufOtBpkfXnYONtsZn2JJ4ikB7k5Ai09lSbOIrFXiqSYIXiKg5rTW+YxM81WQS3iYrYeCHLsAuT3sEkF7+GhHfTEvOoE/asXaFOk91SfC7pJVLoFNFx3oYSCqAbG6JQNtq+sqs4wlKwGTRsU+UdTKrPAKceBwzTWvXGqgARr/uNoV4V3dimYZAfISArmC/xOgvuvaTSHtHtUiTl+KHYOaf2m3fEgEMTw0KwkStK0Lr2ZKxhwRmkv2NVVH1IAbr4T2VWySz+YsEHqkBEDL6vH0DmZdSNrX9IqIh/7w9ltRJLz9MxJfi6/5f3Yqr27+HFONu7pgwaCoZ6P/D1uhZHl7sxPLSfNzjUQVj6joxMtFkM2vttpuVO/CUZRJU1UUB77Vjd6e5KjxgVj0QwOkKgF5o19qfcJF6TEBfJAJeacfu2QjA9HILIOooa0vMA0W3fboKAE9Za54OB231QvOt9VoShxpj6rBgRK5irpy+GhD8CwaHEDzTLSGEaUi71q2GVdxRLeamcJqtVT3PatB+uHahHFP7XI98aTbkpmFiPhYGkThdnsoq0L1cm9R4SqDOYL3ENF78vewis/NPXNf4iza62CGFPA6gT5d0Py50LMYDg74ziRWAX2i/+BCXOz7Vq/Q/4jFAKHFPESIAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.i-time {
  width: .32rem;
  height: .32rem;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAhhJREFUOE+dlEuIT3EUxz8feSTKY21FmoVkQR6LaaihPIpshxJGFCVl4xEJTUlCo0TJMyuUZx4lLGw0Edl4NBtKiimSR47OuHe6pv+dcOp2b797fp/feXx/RyoWEZOBW8BxdVv1Xz+/mcBtoCMf9Uf53/IjIlYDB4CRwHZ19wDASUAXMAQ4BbSr39K/FxgRe4HNwGBgrXq0WF8KLADGAIOAR8BZ9XVENAHXgPHAY2Ce+s6IOAKsAz4CG9QzEbEVqI0QuFME0ANcAKYAT4HWBD4DvgIrgffARWBaXbr91rPOncAhYDnQnMBhmXXWICJeFin8Ja/Xbb3aGREjgC/VpmR3WxuQ3gIziiiW1Jw0QX1VbUoLcBMY2mDDPbUlInZl92uAT9SsY1+XUy4ba5wfqM0RkU3KZjWyz731066sYeZ+qSbd3FwC9wBbaoDfgVXq6QSOKmQwtcb5rjonIiYC+4DFDfwiD1M7SmBeo4GkMl+9UYi9HTgMpDpKy6u3Rj1RyuY8UNfBctPBvJpqd0RcARZWgJnyCvVcefV2Ajv+QnzdwENgLjC24v8JaFLflMDpRR1zMPyPXVUX9cmmqM1+YNN/0FIy49ScBb91WABzmpwElv0D9CcwW71f7ukDFtDsXEJzbOWsG8g+AG3q9arTH8BKtBllGzALSJ1W7TlwGTimvuh/YkNgEe1wYHSht9RoTqKMqkfNd0P7BRKswmG5WuMfAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
}
.at-two {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.at {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html {
  height: 100%;
  width: 100%;
}
.el-message__content {
  font-size: 0.373333rem;
}
body {
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
}
#app {
  height: 100%;
  font-family: PingFangSC-Regular,Microsoft YaHei,Arial,Helvetica,sans-serif,SimSun !important;
  -webkit-font-smoothing: antialiased;
}
#root {
  height: 100%;
}
.liveroom {
  position: relative;
  width: 100%;
  max-width: 10rem;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  overflow: hidden;
}
.liveroom .card-box-enter-active {
  transition: opacity .5s ease;
}
.liveroom .card-box-leave-active {
  transition: opacity .5s ease;
}
.liveroom .card-box-enter-from,
.liveroom .card-box-leave-to {
  opacity: 0;
}
.liveroom .container-mobile {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  overflow: hidden;
  background: #34343e;
}
.liveroom .container-mobile .msg {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  margin-bottom: 0.56rem;
}
.liveroom .container-mobile .msg .chat-mobile {
  margin: 0 auto;
}
.liveroom .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.liveroom .header .header-1 {
  width: 100%;
  height: 1.28rem;
  padding-top: 0.32rem;
  padding-right: 0.426667rem;
  padding-left: 0.426667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.liveroom .header .header-1 .live-title {
  max-width: 6.8rem;
  height: 0.96rem;
  box-sizing: border-box;
  padding: 0.106667rem;
  background: rgba(0,0,0,.4);
  border-radius: 0.48rem;
  display: flex;
  margin-right: 0.533333rem;
}
.liveroom .header .header-1 .live-title .live-avator {
  width: 0.746667rem;
  height: 0.746667rem;
  border-radius: 50%;
  margin-left: 0.053333rem;
  margin-right: 0.106667rem;
  background: url(//img02.51jobcdn.com/im/mobile/miduoduo/live/vue/img/logo.9fad0a5d.png) no-repeat;
  background-size: cover;
}
.liveroom .header .header-1 .live-title .live-text {
  padding-right: 0.266667rem;
  font-family: PingFang SC-Medium,PingFang SC;
  font-weight: 400;
  color: #fff;
}
.liveroom .header .header-1 .live-title .live-text .live-name {
  max-width: 4.8rem;
  line-height: 0.426667rem;
  font-size: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.liveroom .header .header-1 .live-title .live-text .live-hot {
  font-size: 0.24rem;
  line-height: 0.346667rem;
  opacity: .7;
}
.liveroom .header .header-1 .live-title .fire-img {
  width: 0.8rem;
  height: 0.8rem;
  padding-right: 0.133333rem;
}
.liveroom .header .header-1 .header-img {
  float: left;
  width: 0.64rem;
  height: 0.64rem;
  padding-top: 0.106667rem;
  padding-right: 0.533333rem;
}
.liveroom .header .header-1 .live-openapp {
  float: left;
  width: 2.133333rem;
  height: 0.853333rem;
  line-height: 0.853333rem;
  background: #ff6f26;
  border-radius: 0.426667rem 0.426667rem 0.426667rem 0.426667rem;
  opacity: 1;
  font-size: 0.373333rem;
  font-weight: bold;
  font-family: PingFang SC-Medium,PingFang SC;
  text-align: center;
  color: #fff;
}
.liveroom .header .header-2 {
  display: flex;
  margin-top: 0.426667rem;
  margin-left: 0.213333rem;
}
.liveroom .header .header-2 .button-top {
  margin-left: 0.213333rem;
}
.liveroom .header .header-2 .button-top .button-top-img {
  width: 0.933333rem;
  height: 0.773333rem;
  margin-left: 0.213333rem;
}
.liveroom .header .header-2 .button-top .button-top-text {
  width: 1.333333rem;
  height: 0.373333rem;
  background: rgba(0,0,0,.4);
  border-radius: 0.186667rem 0.186667rem 0.186667rem 0.186667rem;
  line-height: 0.373333rem;
  text-align: center;
  font-size: 0.24rem;
  font-family: PingFang SC-Medium,PingFang SC;
  color: #fff;
}
.liveroom .web-view {
  width: 100%;
  position: absolute;
  z-index: 300;
}
.liveroom .web-view .web-box {
  width: 100%;
  height: 100%;
}
.liveroom .half {
  height: 75% !important;
  bottom: 0;
  border-radius: 0.266667rem 0.266667rem 0 0;
  overflow: hidden;
}
.liveroom .all {
  height: 100% !important;
  top: 0;
  left: 0;
}
.liveroom .not-playing-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 0.373333rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #b7b7b7;
  opacity: 1;
  display: flex;
  flex-direction: column;
  top: 33%;
}
.liveroom .not-playing-box img {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
.liveroom .not-playing-box .live-poster {
  background: url(//img02.51jobcdn.com/im/mobile/miduoduo/live/vue/img/logo.9fad0a5d.png) no-repeat;
  background-size: cover;
}
.liveroom .video-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.liveroom .chat-mobile {
  z-index: 220;
  left: 0.426667rem;
  bottom: 0.533333rem;
  width: calc(100% - 0.853333rem);
  padding-bottom: 1.12rem;
}
.liveroom .button-box {
  position: absolute;
  right: 0.426667rem;
  bottom: 0.533333rem;
}
.liveroom .button-box .custom-button {
  width: 1.066667rem;
  height: 1.066667rem;
  margin-top: 0.533333rem;
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.liveroom .button-box .custom-button .btn-noicon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  display: flex;
  flex-direction: inherit;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.026667rem;
  line-height: 0.373333rem;
}
.liveroom .button-box .custom-button .btn-noicon span {
  display: block;
  width: 0.8rem;
  word-break: break-all;
}
.liveroom .button-box .custom-button .img-icon {
  width: 100%;
  height: 100%;
}