.tic-container__menu-inner {
  -webkit-app-region: drag;
}

.menu-operation, .menu-operation__list {
  -webkit-app-region: no-drag;
}

.xdialog {
  display: inline-block;
  vertical-align: middle;
  min-width: 400px;
  min-height: 100px;
  background-color: #fff;
  position: relative;
}

.xdialog-title {
  text-align: left;
  font-size: 14px;
  font-weight: 600px;
  font-family: PingFangSC-Semibold;
  color: #444444;
  padding-left: 20px;
}

.xdialog-title-name {
  display: inline-block;
  font-weight: 900;
  padding: 10px;
}

.xdialog-sys-close {
  float: right;
  padding: 15px;
  content: url("../img/setting_close.png");
}

.xdialog-content {
  font-size: 13px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  padding: 20px;
  color: #444444;
  text-align: center;
}

.xdialog_button button {
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 20px;
}

.xdialog-content-tips {
  display: inline-block;
  text-align: left;
  min-width: 600px;
}

.xdialog-content-input {
  margin: 30px;
  margin-top: 10px;
  min-width: 600px;
  min-height: 200px;
}

.small_iframe {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  border: none;
}

.big_iframe {
  width: 100%;  
  position: relative;
  overflow: hidden;
  display: block;
  border: none;
}

.small_btn_full{
  position: absolute;
  top: 45px;
  width: 40px;
  height: 40px;  
}

.big_btn_full{
  position: absolute;
  width: 40px;
  height: 40px;
}

.mode_normal .big_iframe{
  height: calc(100% - 125px);
}
.mode_normal .small_iframe{
  width: calc(100% - 350px);
}
.mode_normal .big_btn_full{
  top: 150px;
}

.mode_full .big_iframe{
  height: 100%;
}
.mode_full .small_iframe{
  width:100%;
}
.mode_full .big_btn_full{
  top: 35px;
}


.mode_normal .small_btn_full, .mode_normal .big_btn_full{
  content: url("../img/ico_full.png");
}
.mode_normal .small_btn_full, .mode_normal .big_btn_full:hover{
  content: url("../img/ico_full_hover.png");
  cursor: pointer;
}
.mode_full .small_btn_full, .mode_full .big_btn_full{
  content: url("../img/ico_normal.png");
}
.mode_full .small_btn_full:hover, .mode_full .big_btn_full:hover{
  content: url("../img/ico_normal_hover.png");
  cursor: pointer;
}

.tic-icon-control{
  content: url("../img/svg/control.svg");
}
.tic-icon-control:hover{
  content: url("../img/svg/control_hover.svg");
}

.start-class {
  vertical-align: middle;
  content: url("../css/img/slice/svg/start_class.svg");
}

.end-class {
  vertical-align: middle;
  content: url("../css/img/slice/svg/stop_class.svg");
}

.status-uploading{
  vertical-align: middle;
  content: url("../css/img/slice/png/upload.png");
}

.hand-up {
  vertical-align: middle;
  content: url("../css/img/slice/svg/handup.svg");
}

.hand-up:hover {
  content: url("../css/img/slice/svg/handup-hover.svg");
}

.hand-down {
  vertical-align: middle;
  content: url("../css/img/slice/svg/handdown.svg");
}

.hand-down:hover {
  content: url("../css/img/slice/svg/handdown-hover.svg");
}

.tic-icon-screen {
  content: url("../img/svg/sharescreen.svg");
}

.tic-btn:hover .tic-icon-screen,.tic-btn.actived .tic-icon-screen {
  content: url("../img/svg/sharescreen_hover.svg");
}

[v-cloak] {
  display: none;
}

.tic-screen {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}

.screen-background {
  background-color: rgba(0, 0, 0);  
}

.tic-bubble-inner {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.chatroom-msg--tips {
  color: #dcebeb
}

.icon_teacher {
  background-image: url("../css/img/slice/svg/icon-teacher.svg");
}

.icon_student {
  background-image: url("../css/img/slice/svg/icon-student.svg");
}
.tic-icon-custom{
  background-size: cover;
  border-radius: 10px;
}

.xdialog-pannel{
  margin-left: 80px;
}
.xdialog-item-list{
  float: left;
  margin: 35px;
  margin-top: 10px;
}
.xdialog-item-icon{
  margin: 10px;
}
.item-mute{
  content: url("../img/mute.png");
}
.item-mute:hover{
  content: url("../img/mute_hover.png");
}
.item-stage{
  content: url("../img/stage.png");
}
.item-stage:hover{
  content: url("../img/stage_hover.png");
}

.tic-player__chatroom-ft .tic-icon{
  margin-right: 20px;
}
.tic-icon-forbidden{
  content: url("../img/silence.png")
}
.tic-icon-enable{
  content: url("../img/unsilence.png")
}

#webrtc-frame{
  border: none;
}

.single-player__side .normal__chatroom {
  height: calc(100%  - 215px  - 20px);
  margin-top: 20px; 
}
.single-player__side .bigclass__chatroom {
  height: calc(100%  - 20px);
}

.tic-number__list__small{
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 48%;
  height: 107px;
  margin: 1%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tic-number__list__small.bg-student{
  background-image: url('./img/svg/bg-student.svg');
}
.tic-number__list__small .bc-canvas{
  width: 155px;
  height: 107px;
}
.tic-number__list .bc-canvas{
  width: 310px;
  height: 215px;
}
.current .tic-number__list-icon, .tic-number__list__small:hover .tic-number__list-icon {
  display: block; 
}
.tic-number__list__small .tic-number__list-ft{
  height: 30px;
}
.single-player__number .tic-number__list + .tic-number__list__small + .tic-number__list__small + .tic-player__chatroom {
  height: calc(100% - 215px - 107px - 20px - 20px);
}
.single-player__number .tic-number__list + .tic-number__list__small + .tic-number__list__small + .tic-number__list__small + .tic-player__chatroom {
  height: calc(100% - 215px - 215px - 20px - 20px);
}
.single-player__number .tic-number__list + .tic-number__list__small + .tic-number__list__small + .tic-number__list__small + .tic-number__list__small + .tic-player__chatroom {
  height: calc(100% - 215px - 215px - 20px - 20px);
}

.tic-status{
  position: absolute;
  right: 0px;
  top: 0px;
  color: #fff;
  z-index: 10;
}

.tip-info{
  color: #8A9099;
  background:#3E4047;
  box-shadow:0px 2px 10px 0px rgba(0,0,0,0.25);
  border-radius:2px 0px 0px 0px;
  visibility: hidden;
}

img:hover+div{
  visibility: visible;
}

@media screen and (min-width: 1280px) and (min-height: 768px) {
  .big_iframe {
    width: 100%;
    height: calc(100% - 220px);
    position: relative;
    overflow: hidden;
    display: block;
    border: none;
  }

  .mode_normal .big_btn_full{
    top: 245px;
  }
}
