* {
    box-sizing: border-box;
}

html {
    background-color: #000000;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: 'Microsoft YaHei', PingFangSC-Medium;
}

img {
    border: none;
}

/* video {
    object-fit: fill;
} */
.header {
    width: 100%;
    height: 60px;
    background-color: #2e2e2e;
}

.header-body {
    width: 1000px;
    height: 100%;
    line-height: 60px;
    margin: 0 auto;
}

.header-body .company {
    float: left;
    margin: 15px 0;
    width: 58px;
    height: 26px;
    background-size: contain;
}

.meetstatus {
    margin-top: 38px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(33, 16, 16, 0.1);
    border: solid 1px #f7f7f7;
}

.meetstatus .meetstatus-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.meetstatus .meetstatus-wrap .meetstatus-img img {
    display: none;
}

.meetstatus .meetstatus-wrap .meetstatus-title {
    font-size: 20px;
    color: #333333;
    margin-top: 10px;
}

.meetstatus .meetstatus-wrap .meetstatus-tips {
    color: #999999;
    margin-top: 10px;
}

.audio_process {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0;
    margin: auto;
    z-index: 10001;
}

.vjs-waiting {
    /* visibility: hidden; */
    background: transparent;
}

.vjs-error-display {
    display: none !important;
}

.vjs-loading-spinner {
    display: none !important;
}

.vjs-volume-panel {
    order: 1;
}

.new-fullscreen-control {
    order: 2;
    cursor: pointer;
}

.new-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\F108";
}

.new-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.new-fullscreen-control-exit .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\F109";
}

.video-js .vjs-download-button-control {
    order: 3;
    top: -0.22em;
    width: 14px;
    height: 100%;
    margin: 0 1em;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEyLDkgMTIsMTEgMiwxMSAyLDkgMCw5IDAsMTMgMTQsMTMgMTQsOSAiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEwLDMuNiA4LDUuNiA4LDAgNiwwIDYsNS42IDQsMy42IDIuNiw1IDcsOS40IDExLjQsNSAiLz48L3N2Zz4=) 0 50% no-repeat;
}

/* .vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.7em;
    line-height: 2.3;
} */
.audio_process .vjs-picture-in-picture-control {
    display: none !important;
}
.audio_process .vjs-big-play-button {
    margin-top: -55vh;
}

.audio_process .vjs-paused .vjs-big-play-button,
.audio_process .vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 0;
    visibility: hidden;
}
.video-js .vjs-progress-control .vjs-mouse-display {
    z-index: 3;
}
.vjs-duration {
    order: 1;
}

.vjs-volume-panel {
    order: 2;
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    align-items: center;
    position: relative;
}

.noSupport {
    height: 100px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    color: #ffffff;
    text-align: center;
}

.noSupport img {
    margin-right: 5px;
    margin-bottom: -2px;
}

.container-background {
    background: #111111;
}

.empty-display {
    background: #444444;
    border: solid 0.5px #000000;
}

.row {
    flex-direction: row;
}

.column {
    flex-direction: column;
}

.layout-display {
    position: relative;
    overflow: hidden;
}

.comment {
    position: absolute;
    top: 0;
}

.wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
}

.video-js {
    font-size: 12px;
}

.wrapper .video-js {
    height: 100%;
    padding-top: 0%;
    border: solid 0.5px #000000;
}

.wrapper img,
.wrapper svg {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.empty .content {
    left: 0px;
    top: 0px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* .empty .black {
    background: #111111;
} */

.empty .imgArea {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.empty .shadow {
    box-shadow: 0px 0px 10px 5px #ececec;
}

.empty .bgNotice {
    font-size: 12px;
    color: #666666;
}

.empty .bgWord {
    font-size: 20px;
    color: #34393c;
}

.empty .deleted img {
    width: 260px;
    height: 100px;
}

.empty .onlyAudio img {
    width: 118px;
    height: 118px;
}

.empty .noShare img {
    width: 120px;
    height: 88px;
}

.subscript {
    line-height: 24px;
    text-align: left;
    font-size: 12px;
    color: #eee;
    background-color: #141414;
    padding: 0 8px;
    padding-left: 1vw;
    position: absolute;
    bottom: 0%;
    opacity: 0.5;
    left: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.subscript .subscript_speaker {
    display: none;
}

.music {
    top: 50%;
    position: absolute;
    left: 50%;
}

.music i {
    width: 4px;
    height: 5px;
    position: absolute;
    bottom: 0;
    background-color: #333;
}

.music i:nth-of-type(1) {
    left: 0;
}

.music i:nth-of-type(2) {
    left: 8px;
}

.music i:nth-of-type(3) {
    left: 16px;
}

.music i:nth-of-type(4) {
    left: 24px;
}

.music i:nth-of-type(5) {
    left: 32px;
}

.music i:nth-of-type(6) {
    left: 40px;
}

.music.active i:nth-of-type(1) {
    -webkit-animation: wave 0.66s linear infinite;
    animation: wave 0.66s linear infinite;
}

.music.active i:nth-of-type(2) {
    -webkit-animation: wave 0.8s linear infinite;
    animation: wave 0.8s linear infinite;
}

.music.active i:nth-of-type(3) {
    -webkit-animation: wave 0.7s linear infinite;
    animation: wave 0.7s linear infinite;
}

.music.active i:nth-of-type(4) {
    -webkit-animation: wave 0.5s linear infinite;
    animation: wave 0.5s linear infinite;
}

.music.active i:nth-of-type(5) {
    -webkit-animation: wave 0.9s linear infinite;
    animation: wave 0.9s linear infinite;
}

.music.active i:nth-of-type(6) {
    -webkit-animation: wave 1.2s linear infinite;
    animation: wave 1.2s linear infinite;
}

@-webkit-keyframes wave {
    0% {
        height: 8px
    }

    50% {
        height: 32px
    }

    100% {
        height: 12px
    }
}

@keyframes wave {
    0% {
        height: 8px
    }

    50% {
        height: 32px
    }

    100% {
        height: 12px
    }
}

/* for player.download.html */
  .d_body {
      
  }
  .d_body .d_header {
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
  }
  .d_body .d_header .header_title {
    line-height: 60px;
    color: #333333;
    margin-left: 185px;
    font-size: 18px;
  }
  .d_body .d_content {
    min-height: 300px;
  }
  .d_body .d_content .content_download {    
    margin: 140px auto;
    text-align: center;
    max-width: 1000px;
  }
  
  .d_body .d_content .content_download .content_download_img {
    width: 90px;
  }
  .d_body .d_content .content_download .content_download_a {
    margin: 30px auto;
    width: 300px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: #fa9f00;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    display: block;
    text-decoration: none;
  }
  .d_body .d_content .content_download .content_download_lock{
    margin-top: 45px;
    font-size: 18px;
    font-weight: 600;
  }
  .d_body .d_content .content_download .content_warns{
    margin-top: 12px;
    font-size: 15px;
    color: #999999;
  }
  .d_body .d_content .content_download .content_tips {
    margin: 135px auto;
    max-width: 407px;
    color: #999999;
    font-size: 12px;
    text-align: left;
  }
  .d_body .d_content .content_download .content_tips .content_tips_title {
    width: 48px;
    height: 17px;
  }
  .d_body .d_content .content_download .content_tips .content_tips_ul {
    margin-top: 13px;
  }
  .d_body .d_footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 58px;
    box-shadow: inset 0 1px 0 0 #e3e3e3;
    background-color: #ffffff;
    text-align: center;
    font-size: 12px;
    color: #333333;
    line-height: 58px;
  }
  .d_body .d_footer .footer_logo {
    width: 32px;
    height: 15px;
    vertical-align: middle;
  }
  .d_body .d_footer .footer_copyright {
    vertical-align: middle;
  }
  
  .speaking{
    display: none;
    position: absolute;
    right: 0;
    top:0;
    z-index: 100;
    font-size: 12px;
    min-width: 60px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    background-color: #000000;
  }
  .speaking span{
    vertical-align: top;
    color: white;
    white-space: nowrap;
  }
  .speaking .qs-icon-speaking{
    width: 16px;
    height: 16px;
    margin-top: 8px;
    display: inline-block; 
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAYJJREFUOBHFkr1KA0EQx3fvLndoCtNaCMYgBmLjQ+Ri5CwUFCsRxCew0MoiVVJaW4h2YnmXiMZH0DKFYtCAKFbaJIKXOM6s7t7mOLF04W5m//Obmf1iTB9F3wR9HvNl2CDdPR+Z4Jy9xhhtSvhQCsUw5Zms9T3h19jwUvj0k0OmIV5rev1d0kVXCSgLsCN9AZTq9mq54eQok3plpvKOG5h3ElJWX50S/3K4BIqBVWU/vZuLA6VHi9QWJpPIRoCuar4C5ElpMeEKAPvfjmXzkwLCrXq+Mz0fmMtEqMWU6lYNALaA8bZlpJbOFt4f49VY0jmoCjq90irYb/c3Fc5gnXSsepzJzuydFlofOverj9fw9DJgoL4+A9KSEsTziAcA2PhDN9ogvVXS4hzNEwtQoIMF5CNP3CdBONQ9lAKr4gb2rFDxqA+uTNbpYSH8yKeXRrFyIzXn+ta+4PA3VNwNUpsAn1XO+CEmnIym0+2wCxx4LxcCrOE+Njg3ti+88EgW+H/7BUFSgvkJRecrAAAAAElFTkSuQmCC") 0 50% no-repeat;
  }
  /* 头像虚化 */
  .blur-box{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    filter: blur(50px) opacity(60%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(/resources/20201118/1900769280/avatar/149919243.jpg);
  }