.bbbbbbbbbb {
    font-size: 200px;

}


.detal_page {

}

.yuyin_list {
    height: 100%;
    display: none;
}

.yuyin_list .screen_rqb_big {
    height: calc(100% - 106px);
    overflow: scroll;

    position: relative
}

.yuyin_list .screen_rqb_big .barrage {
    width: calc(32% - 50px);
    border: 1px solid #dfdfdf;
    height: calc((100% - 250px)/1);;
    position: fixed;
    right: 50px;
    border-radius: 10px;
    background: white;
    top: 170px;
    padding: 10px;
}


.yuyin_list .screen_rqb_big .barrage .barrage_li {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid black;
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    font-size: 12px !important;
    cursor: move;

}


.yuyin_list .screen_rqb_big .barrage .barrage_li .numr {
    width: 40px;

}

.yuyin_list .screen_rqb_big .barrage .barrage_li .contentr {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 40px);

}

.yuyin_list .screen_rqb_big .barrage .barrage_li .contentr table {


}

.yuyin_list .screen_rqb_big .barrage .barrage_li .contentr table tr {


}

.yuyin_list .screen_rqb_big .barrage .barrage_li .contentr table tr td {

    padding: 2px;

}

.yuyin_list .screen_rqb_big .barrage .barrage_li .contentr table tr td button {
    padding: 1px;
    height: 22px;
    line-height: 22px;
    display: flex;
    align-items: center;


}

.wenda_list {
    display: none;
}

.danmu_list {
    display: none;
}


/* 自定义表格行高 */
.layui-table-view .layui-table-body tr {
    height: 80px; /* 设置行高为 50px */
    /*line-height: 200px; !* 设置行内文字垂直居中 *!*/
}

.layui-table-cell {
    height: 100%;
}


#hhhhhhhhhhhhhhhhhhhh {
    font-size: 12px !important;
}


.list_drag_rqb {
    width: 500px;
}

.list-item_drag_rqb {
    margin: 5px 0;
    padding: 5px;
    /*line-height: 40px;*/
    height: 100px;
    /*background: linear-gradient(to right, #267871, #136a8a);*/
    color: #fff;
    background: #00f7de;
    cursor: move;
    user-select: none;
    border-radius: 5px;
}

.list-item_drag_rqb.moving {
    /*background: transparent;*/
    /*color: transparent;*/
    border: 1px dashed #ccc;
    background: #dfdfdf;
}

.list-item_drag_rqb .item_content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.list-item_drag_rqb .item_content .one {
    width: 70px;
    border: 1px solid red;

}

.list-item_drag_rqb .item_content .two {
    width: calc(100% - 50px - 300px - 200px);
}

.list-item_drag_rqb .item_content .three {

    width: 300px;
    border: 1px solid red;
    display: flex;
    align-items: center;
}

.list-item_drag_rqb .item_content .four {
    border: 1px solid red;
    /*width: 200px;*/
    padding: 10px;
    display: flex;
    align-items: center;
}

.list-item_drag_rqb .item_content .audio_class {
    width: 250px !important;
}


#download_voice{
    /*border:1px solid red;*/
    top:175px;
    width: 30px;
    height: 30px;
    left: calc(64% + 10px);
    z-index: 999999;
    /*height: 50px;*/
    /*width: 50px;*/
    /*background: red;*/
    position: fixed;
    display: flex;
    cursor: pointer;
}


.ptzdiv td {
    padding: 0px;
}
.ptzdiv .ptz.tm {
    background-position: -34px 0;
}
.ptzdiv .ptz {
    display: inline-block;
    width: 31px;
    height: 29px;
    background: url(./img/ptz.gif) no-repeat;
    outline: 0;
}
.ptzdiv
{
	width:194px;
	margin:0 auto;
	overflow:hidden;
}
.ptzdiv .ptz
{
	display:inline-block;
	width:31px;
	height:29px;
	background:url(./img/ptz.gif) no-repeat;
	outline:0;
}
.ptzdiv .ptz.add
{
	background-position:-102px 0;
	cursor:pointer;
}
.ptzdiv .ptz.adddisable
{
	background-position:-102px 0;
	cursor:default;
}
.ptzdiv .ptz.add:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.add:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.reduce
{
	background-position:-170px 0;
}
.ptzdiv .ptz.reducedisable
{
	background-position:-170px 0;
	cursor:default;
}
.ptzdiv .ptz.reduce:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.reduce:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.tl
{
	background-position:0 0;
}
.ptzdiv .ptz.tl:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.tl:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.tm
{
	background-position:-34px 0;
}
.ptzdiv .ptz.tm:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.tm:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.tr
{
	background-position:-68px 0;
}
.ptzdiv .ptz.tr:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.tr:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.zoom
{
	background-position:-136px 0;
	cursor:default;
}
/*
.ptzdiv .ptz.zoom:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.zoom:active
{
	background-image:url(./img/ptzdown.gif);
}
*/
.ptzdiv .ptz.ml
{
	background-position:0 -32px;
}
.ptzdiv .ptz.ml:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.ml:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.mm
{
	background-position:-34px -32px;
}
.ptzdiv .ptz.mm:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.mm:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.mr
{
	background-position:-68px -32px;
}
.ptzdiv .ptz.mr:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.mr:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.focus
{
	background-position:-136px -32px;
	cursor:default;
}
/*
.ptzdiv .ptz.focus:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.focus:active
{
	background-image:url(./img/ptzdown.gif);
}
*/
.ptzdiv .ptz.bl
{
	background-position:0 -64px;
}
.ptzdiv .ptz.bl:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.bl:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.bm
{
	background-position:-34px -64px;
}
.ptzdiv .ptz.bm:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.bm:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.br
{
	background-position:-68px -64px;
}
.ptzdiv .ptz.br:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.br:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.iris
{
	background-position:-136px -64px;
}
.ptzdiv .ptz.iris:hover
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.iris:active
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.enable
{
	background-image:url(./img/ptzon.gif);
}
.ptzdiv .ptz.down:hover
{
	background-image:url(./img/ptzdown.gif);
}
.ptzdiv .ptz.down:active
{
	background-image:url(./img/ptzdown.gif);
}

.slider-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.slider-h {
  height: 22px;
}
.slider-v {
  width: 22px;
}
.slider-inner {
  position: relative;
  height: 6px;
  top: 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.slider-handle {
  position: absolute;
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
.slider-tip {
  position: absolute;
  display: inline-block;
  line-height: 12px;
  font-size: 12px;
  white-space: nowrap;
  top: -22px;
}
.slider-rule {
  position: relative;
  top: 15px;
}
.slider-rule span {
  position: absolute;
  display: inline-block;
  font-size: 0;
  height: 5px;
  border-width: 0 0 0 1px;
  border-style: solid;
}
.slider-rulelabel {
  position: relative;
  top: 20px;
}
.slider-rulelabel span {
  position: absolute;
  display: inline-block;
  font-size: 12px;
}
.slider-v .slider-inner {
  width: 6px;
  left: 7px;
  top: 0;
  float: left;
}
.slider-v .slider-handle {
  left: 50%;
  margin-top: -10px;
}
.slider-v .slider-tip {
  left: -10px;
  margin-top: -6px;
}
.slider-v .slider-rule {
  float: left;
  top: 0;
  left: 16px;
}
.slider-v .slider-rule span {
  width: 5px;
  height: auto;
  border-left: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
}
.slider-v .slider-rulelabel {
  float: left;
  top: 0;
  left: 23px;
}
.slider-handle {
  background: url('./img/slider_handle.png') no-repeat;
}
.slider-inner {
  border-color: #95B8E7;
  background: #E0ECFF;
}
.slider-rule span {
  border-color: #95B8E7;
}
.slider-rulelabel span {
  color: #000000;
}