/* root font size : 100px ; pagesize : 950px */
body {
    font-size: 0.16rem;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body,
  html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
  }
  input::-ms-clear {
    display: none;
  }
  a,
  a:hover,
  a:visited,
  a:link,
  a:active {
    color: #fff;
    font-size: 0.2rem;
    text-decoration: none;
    outline: none;
  }
  .cr-btn {
    height: 0.3rem;
    line-height: 0.3rem;
    border: 0.01rem solid transparent;
    padding: 0 0.12rem;
    background-color: #3981FC;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 0.16rem;
    border-radius: 0.05rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: content-box;
  }
  .cr-btn.cr-btn-xs {
    height: 0.24rem;
    line-height: 0.24rem;
    padding: 0 0.06rem;
    font-size: 0.12rem;
    border-radius: 0.02rem;
  }
  .cr-btn.cr-btn-sm {
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 0.1rem;
    font-size: 0.14rem;
  }
  .cr-btn:hover {
    background-color: #0048c4;
  }
  .layui-layer-btn .layui-layer-btn0 {
    font-size: 0.16rem;
    height: 0.26rem;
    line-height: 0.26rem;
  }
  .layui-layer-btn .layui-layer-btn1 {
    font-size: 0.16rem;
    height: 0.26rem;
    line-height: 0.26rem;
  }
  @media screen and (max-height: 8.3rem) {
    .login_top_logo {
      display: none;
    }
    .login_cont .login_form {
      top: 1.6rem;
    }
  }
  @media screen and (max-height: 7.3rem) {
    .login_cont .login_form {
      top: 0.8rem;
    }
  }
  @keyframes flicker {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  .disabled {
    background-color: #AAA !important;
    color: #FFF !important;
    cursor: not-allowed !important;
  }
  .disabled:hover {
    background-color: #AAA !important;
    color: #FFF !important;
    cursor: not-allowed !important;
  }
  /* ***************************** 登录界面 ***************************** */
  #page_login {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* background: url("../image/pc/login_bg.jpg") no-repeat center center / 100% 100%; */
    background: #004F92;
  }
  #page_login .login_cont {
    width: 5rem;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  #page_login .login_cont .login_top_logo {
    position: absolute;
    top: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
  }
  #page_login .login_cont .login_top_logo .login_logo {
    width: 1.2rem;
    height: 1.6rem;
  }
  #page_login .login_cont .login_top_logo .login_key1 {
    width: 100%;
    height: 0.3rem;
    margin-top: 0.1rem;
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.16rem;
    color: #39abfb;
  }
  #page_login .login_cont .login_top_logo .login_key2 {
    width: 100%;
    height: 0.2rem;
    line-height: 0.2rem;
    text-align: center;
    font-size: 0.14rem;
    color: #39abfb;
  }
  #page_login .login_cont .login_form {
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    position: absolute;
    top: 1.8rem;
    overflow: hidden;
  }
  #page_login .login_cont .login_form .form_label {
    width: 3.85rem;
    height: 0.44rem;
    padding-top: 0.42rem;
    margin-left: 0.52rem;
    text-align: left;
    color: #39abfb;
    font-size: 0.22rem;
  }
  #page_login .login_cont .login_form .form_dec {
    width: 4.8rem;
    height: 0.28rem;
    margin-left: 0.52rem;
    overflow: hidden;
  }
  #page_login .login_cont .login_form .form_dec span {
    display: inline-block;
    width: 100%;
    height: 0.26rem;
    line-height: 0.26rem;
    text-align: left;
    color: #808080;
    font-size: 0.14rem;
    font-weight: 500;
  }
  #page_login .login_cont .login_form > .form_input input {
    display: inline-block;
    outline: none;
    border: none;
    width: 2rem;
    height: 100%;
    text-align: left;
    font-size: 0.16rem;
    line-height: 0.48rem;
    color: #555;
  }
  #page_login .login_cont .login_form > .form_input input::-webkit-input-placeholder {
    color: #999;
    font-size: 0.16rem;
    line-height: 0.5rem;
  }
  #page_login .login_cont .login_form .enmeet_btn {
    width: 3.85rem;
    margin-left: 0.52rem;
    margin-top: 0.17rem;
    height: 0.5rem;
    background-color: #39abfb;
    color: #fff;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.48rem;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  #page_login .login_cont .login_form .enmeet_btn:hover {
    background-color: #0575c5;
  }
  #page_login .login_cont .login_form .login_order {
    width: 3.53rem;
    height: 0.75rem;
    margin-left: 0.52rem;
    line-height: 0.74rem;
    text-align: center;
    padding: 0 0.16rem;
  }
  #page_login .login_cont .login_form .login_order .line {
    display: inline-block;
    width: 1.4rem;
    border-top: 1px solid #ccc;
  }
  #page_login .login_cont .login_form .login_order .text {
    color: #999;
    vertical-align: -8%;
    font-size: 0.15rem;
  }
  #page_login .login_cont .login_form .create_meet_btn {
    width: 3.85rem;
    margin-left: 0.52rem;
    height: 0.48rem;
    color: #39abfb;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.48rem;
    border: 1px solid #39abfb;
    border-radius: 40px;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  #page_login .login_cont .login_form .create_meet_btn:hover {
    background-color: #39abfb;
    color: #fff;
  }
  #page_login .login_cont .login_form .loginSet {
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
    margin-top: 0.28rem;
  }
  #page_login .login_cont .login_form .loginSet #login_sel {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #333333;
    font-size: 0.18rem;
    background: url("../image/pc/login_arrows_down.png") no-repeat 3rem 0.15rem;
    cursor: pointer;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide {
    position: relative;
    display: none;
    height: 3rem;
    width: 100%;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide input[type=radio] {
    cursor: pointer;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .token_radio {
    position: relative;
    height: 0.2rem;
    width: 100%;
    user-select: none;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .token_radio form {
    position: absolute;
    padding-left: 0.1rem;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .token_radio form #loginTokeRadio {
    margin-left: 0.1rem;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .login_set_mstype {
    position: absolute;
    padding-left: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.05rem;
    width: 4rem;
    user-select: none;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .input_box {
    margin-top: 0.35rem;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .form_input {
    height: 0.32rem;
    line-height: 0.32rem;
    padding-left: 0.3rem;
    margin-top: 0.04rem;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .form_input label {
    font-size: 0.16rem;
    color: #aeaeae;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .form_input input {
    display: inline-block;
    outline: none;
    border: none;
    width: 2rem;
    height: 100%;
    line-height: 100%;
    text-align: left;
    font-size: 0.14rem;
    background-color: #f6f6f6;
    color: #555;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .bottom-btn {
    position: absolute;
    padding: 0;
    border: none;
    height: 0.4rem;
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.4rem;
    cursor: pointer;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .bottom-btn.confirmBtn {
    bottom: 0;
    border: none;
    background-color: #39abfb;
    color: #fff;
    transition: background-color 0.3s ease;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .bottom-btn.confirmBtn:hover {
    background-color: #0575c5;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .bottom-btn.resetBtn {
    border: 1px solid #39abfb;
    bottom: 0.44rem;
    color: #39abfb;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  #page_login .login_cont .login_form .loginSet .logset_hide .bottom-btn.resetBtn:hover {
    background-color: #39abfb;
    color: #fff;
  }
  #page_login .login_cont .login_form .form_sdkver {
    text-align: center;
    font-size: 0.16rem;
    height: 0.3rem;
    line-height: 0.3rem;
  }
  #page_login .login_cont .form_input {
    width: 3.85rem;
    height: 0.48rem;
    margin-left: 0.52rem;
    margin-top: 0.15rem;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    border-radius: 25px;
    overflow: hidden;
  }
  #page_login .login_cont .form_input > label {
    margin-left: 0.2rem;
  }
  #page_login .login_cont .form_input.meet_pwd_form {
    display: none;
  }
  #page_login .login_cont .form_input.nickname {
    margin-top: 0.15rem;
  }
  /* ***************************** 会议界面 ***************************** */
  #page_meeting {
    position: absolute;
    right: 0;
    width: 0px;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
  }
  #page_meeting .page_meet_head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    box-sizing: border-box;
    background-color: #1388d7;
    z-index: 2;
  }
  #page_meeting .page_meet_head .meet_head_main {
    width: 13.13rem;
    height: 100%;
    margin: 0 auto;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_logo {
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.5rem;
    float: left;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_logo img {
    width: 0.4rem;
    margin-right: 0.09rem;
  }
  #page_meeting .page_meet_head .meet_head_main .net-state-icon {
    float: left;
    margin-left: 0.1rem;
    width: 0.3rem;
    height: 100%;
  }
  #page_meeting .page_meet_head .meet_head_main .net-state-icon.fine {
    display: block;
    background: url('../image/pc/meeting_net_fine.svg') center center / 100% 100% no-repeat;
  }
  #page_meeting .page_meet_head .meet_head_main .net-state-icon.midium {
    display: block;
    background: url('../image/pc/meeting_net_midium.svg') center center / 100% 100% no-repeat;
  }
  #page_meeting .page_meet_head .meet_head_main .net-state-icon.bad {
    display: block;
    background: url('../image/pc/meeting_net_bad.svg') center center / 100% 100% no-repeat;
  }
  #page_meeting .page_meet_head .meet_head_main .net-state-icon.none {
    display: none;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_id {
    color: #fff;
    font-size: 0.16rem;
    line-height: 0.5rem;
    float: right;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_id #shareUrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.8rem;
    height: 0.3rem;
    border: none;
    background-color: #FF7978;
    color: #fff;
    border-radius: 0 0 0 3px;
    transition: all 0.3s ease;
    overflow: hidden;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_id #shareUrl:hover {
    background-color: #fa3c3c;
    transition: all 0.3s ease;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_record {
    float: right;
    height: 0.5rem;
    position: relative;
    width: 0.7rem;
    margin-right: 0.2rem;
  }
  #page_meeting .page_meet_head .meet_head_main .page_meet_record button {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #555;
    border: 0 none;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
    border-radius: 5px;
    font-size: 0.15rem;
    display: inline-block;
    text-align: center;
  }
  #page_meeting .main {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 0.5rem;
    box-sizing: border-box;
    background-color: #0E82CF;
  }
  #page_meeting .main .page_meet_cont {
    width: 100%;
    height: 100%;
    background: linear-gradient(#0d81ce 0%, #98b4c7 100%);
  }
  #page_meeting .main .page_meet_cont .page_meet_view {
    width: 13.13rem;
    height: 8.8rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video {
    position: relative;
    width: 100%;
    flex: 1;
    background-color: #4782a9;
    box-sizing: border-box;
    overflow: hidden;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #1d1e22;
    position: relative;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox {
    position: relative;
    color: #5a5a5a;
    float: left;
    background-color: #171717;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.18rem;
    border: 1px solid #212121;
    display: none;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus {
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
    height: 0.3rem;
    background-color: rgba(100, 100, 100, 0.3);
    border-radius: 0.03rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIconText {
    position: absolute;
    bottom: 0.3rem;
    left: 0;
    height: 0.2rem;
    width: 100%;
    line-height: 0.2rem;
    font-size: 0.12rem;
    text-align: center;
    color: #f3f3f3;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon {
    width: 0.16rem;
    height: 0.16rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-left: 0.1rem;
    margin-top: 0.07rem;
    cursor: pointer;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.disabled {
    cursor: no-drop;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon:last-child {
    margin-right: 0.1rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceCam {
    background-image: url("../image/pc/meeting_video_icon_close.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceMic {
    background-image: url("../image/pc/meeting_mic_icon_close.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceCamActive {
    background-image: url("../image/pc/meeting_video_icon_open.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceMicActive {
    background-image: url("../image/pc/meeting_mic_icon_open.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceMicActive.deviceMicEnergy {
    background-image: url("../image/pc/meeting_mic_voice_energy.gif");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.devicePhoto {
    background-image: url("../image/pc/meeting_takephoto.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.devicePhoto:hover {
    background-image: url("../image/pc/meeting_takephoto_hover.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceKickout {
    background-image: url("../image/pc/meeting_kickout.png");
    width: 0.17rem;
    height: 0.17rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceKickout:hover {
    background-image: url("../image/pc/meeting_kickout_hover.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceRename {
    background-image: url("../image/pc/meeting_rename.png");
    width: 0.17rem;
    height: 0.17rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen .screenbox .deviceStatus .deviceIcon.deviceRename:hover {
    background-image: url("../image/pc/meeting_rename_hover.png");
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenOne .screenbox {
    height: 100%;
    width: 100%;
    line-height: 7rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenTwo {
    height: 50%;
    margin-top: 13.8%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenTwo .screenbox {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    line-height: 6rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenFour .screenbox {
    box-sizing: border-box;
    width: 50%;
    height: 50%;
    line-height: 4rem;
    position: relative;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenNine .screenbox {
    width: 33.33333%;
    height: 33.33333%;
    line-height: 2.6rem;
    position: relative;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn {
    position: absolute;
    top: 50%;
    height: 0.3rem;
    width: 0.3rem;
    padding: 0.15rem;
    transform: translateY(-50%);
    text-align: center;
    font-size: 0.18rem;
    line-height: 0.3rem;
    cursor: pointer;
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.2s;
    z-index: 2;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 85%;
    height: 85%;
    opacity: 0.2;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.disabled {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.disabled:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.disabled:hover img {
    opacity: 0.2;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.last {
    left: 0.1rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.last img {
    left: 45%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.next {
    right: 0.1rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn.next img {
    left: 55%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page-btn:hover img {
    opacity: 1;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_chat_box {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 0.1rem;
    width: 100%;
    height: 2.65rem;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 10;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_chat_box > ul {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    pointer-events: none;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_chat_box > ul li {
    display: inline-block;
    height: 0.2rem;
    width: auto;
    line-height: 0.2rem;
    color: #fff;
    font-size: 0.14rem;
    font-weight: bold;
    padding: 0.02rem 0.08rem;
    border-radius: 0.1rem;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.05rem;
    pointer-events: none;
    opacity: 0.5;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_chat_box > ul .chat_content {
    color: #fff;
    height: 0.2rem;
    line-height: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11.7rem;
    display: inline-block;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_chat_box > ul::-webkit-scrollbar {
    width: 0px;
    background-color: #fff;
    display: none;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenOne,
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenFour,
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_video .page_screen.screenNine {
    width: 100%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_share_box {
    display: none;
    position: relative;
    flex: 1;
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 0.3rem;
    text-align: center;
    line-height: 6rem;
    background-color: #11232f;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box {
    display: none;
    position: relative;
    width: 100%;
    flex: 1;
    overflow: hidden;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-main {
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 6.5rem;
    background-color: #CDD7E6;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-page-tool {
    position: absolute;
    justify-content: space-between;
    display: flex;
    left: 50%;
    bottom: 0.1rem;
    width: 4rem;
    transform: translateX(-50%);
    opacity: 0.8;
    z-index: 9;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-page-tool .page-tool-pageNum {
    font-size: 0.18rem;
    line-height: 0.32rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box {
    position: absolute;
    right: 0.1rem;
    top: 50%;
    height: 3rem;
    width: 0.5rem;
    transform: translateY(-50%);
    z-index: 9;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .mark-tool-list {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0.8;
    z-index: 2;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .mark-tool-list .mark-tool-btn {
    padding: 0;
    width: 0.5rem;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.14rem;
    overflow: hidden;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .item-list {
    position: absolute;
    right: 0;
    height: 0.3rem;
    padding-right: 0.6rem;
    width: 3rem;
    box-sizing: border-box;
    display: none;
    z-index: 1;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .item-list ul {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .item-list ul li {
    position: relative;
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    box-sizing: border-box;
    cursor: pointer;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .item-list ul li i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s ease;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list {
    top: 1.34rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list li i {
    height: 1px;
    width: 100%;
    border-radius: 10px;
    background-color: #49505c;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list li.l-w-2 i {
    height: 2px;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list li.l-w-4 i {
    height: 4px;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list li.l-w-6 i {
    height: 6px;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list li.l-w-8 i {
    height: 8px;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-width-list li.l-w-10 i {
    height: 10px;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list {
    top: 1.79rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li i {
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 1rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li.l-c-black i {
    background-color: black;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li.l-c-red i {
    background-color: red;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li.l-c-orange i {
    background-color: orange;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li.l-c-green i {
    background-color: green;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li.l-c-blue i {
    background-color: blue;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li.active i {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 1rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_board_box .board-tool-box .line-color-list li:hover i {
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 1rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_chat {
    height: 0.43rem;
    border-bottom: 1px solid #ccc;
    width: 100%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_chat input {
    margin-left: 0.1rem;
    width: 12rem;
    height: 0.32rem;
    margin-top: 0.04rem;
    text-align: left;
    line-height: 0.32rem;
    border: none;
    outline: none;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_chat span {
    display: inline-block;
    margin-left: 0.1rem;
    width: 0.7rem;
    height: 0.32rem;
    margin-top: 0.05rem;
    text-align: center;
    line-height: 0.32rem;
    background-color: #2fabff;
    color: #fff;
    font-size: 0.14rem;
    border-radius: 4px;
    cursor: pointer;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools {
    width: 100%;
    height: 0.94rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 8rem;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool > li {
    list-style-type: none;
    width: 0.68rem;
    height: 0.68rem;
    cursor: pointer;
    position: relative;
    background-size: 0.68rem 0.68rem;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool > li span {
    display: none;
    position: absolute;
    width: 0.7rem;
    text-align: center;
    height: 0.16rem;
    line-height: 0.16rem;
    padding: 0.02rem;
    color: #555;
    top: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.12rem;
    border-radius: 3px;
    background-color: #f1f3f4;
    z-index: 10;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool .btnlist {
    display: none;
    position: absolute;
    padding: 0.02rem 0.02rem 0.2rem 0.02rem;
    left: 50%;
    bottom: 0.58rem;
    transform: translateX(-50%);
    text-align: center;
    overflow: hidden;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool .btnlist li {
    margin-top: 0.05rem;
    padding: 0.1rem;
    width: 1rem;
    height: 0.2rem;
    line-height: 0.2rem;
    border-radius: 5px;
    background-color: #dee6f5;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool .btnlist li:hover {
    background-color: #3981fc;
    color: #fff;
    transition: all 0.3s ease;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openChatBtn {
    background-image: url('../image/pc/meeting_meeting_chat.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openChatBtn:hover {
    background-image: url('../image/pc/meeting_meeting_chat_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openMicBtn.mic_close {
    background-image: url('../image/pc/meeting_mic_close.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openMicBtn.mic_close:hover {
    background-image: url('../image/pc/meeting_mic_close_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openMicBtn.mic_open {
    background-image: url('../image/pc/meeting_mic_open.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openMicBtn.mic_open:hover {
    background-image: url('../image/pc/meeting_mic_open_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openSpeakerBtn.speaker_close {
    background-image: url('../image/pc/meeting_speaker_close.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openSpeakerBtn.speaker_close:hover {
    background-image: url('../image/pc/meeting_speaker_close_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openSpeakerBtn.speaker_open {
    background-image: url('../image/pc/meeting_speaker_open.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openSpeakerBtn.speaker_open:hover {
    background-image: url('../image/pc/meeting_speaker_open_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openCamBtn.cam_close {
    background-image: url('../image/pc/meeting_video_close.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openCamBtn.cam_close:hover {
    background-image: url('../image/pc/meeting_video_close_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openCamBtn.cam_open {
    background-image: url('../image/pc/meeting_video_open.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openCamBtn.cam_open:hover {
    background-image: url('../image/pc/meeting_video_open_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openScreenBtn {
    background-image: url('../image/pc/meeting_screenshare.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openScreenBtn:hover {
    background-image: url('../image/pc/meeting_screenshare_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openMediaBtn {
    background-image: url('../image/pc/meeting_mediashare.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openMediaBtn:hover {
    background-image: url('../image/pc/meeting_mediashare_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#switchToBoardBtn {
    background-image: url('../image/pc/meeting_board.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#switchToBoardBtn:hover {
    background-image: url('../image/pc/meeting_board_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openInviteBtn {
    background-image: url('../image/pc/meeting_invite.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openInviteBtn:hover {
    background-image: url('../image/pc/meeting_invite_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openSetBtn {
    background-image: url('../image/pc/meeting_setting.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#openSetBtn:hover {
    background-image: url('../image/pc/meeting_setting_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#crTestBtn {
    border: 1px solid #eee;
    border-radius: 1rem;
    background-image: url('../image/pc/More_Circle.png');
    background-size: 0.45rem;
    background-position: center;
    box-sizing: border-box;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool li#crTestBtn:hover {
    border: none;
    background-color: #3981fc;
    background-image: url('../image/pc/More_Circle_hover.png');
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool #openScreenBtn.sharing:hover .screenControl {
    display: block;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool #openScreenBtn.other-sharing:hover .screenControl {
    display: block;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool #openScreenBtn.other-sharing:hover .screenControl .other-sharing-disabled {
    background-color: #aaa;
    color: #fff;
    cursor: not-allowed;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool #openMediaBtn.playing:hover .mediaControl {
    display: block;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_tool #mediaFileInput {
    display: none;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_meet_tools .page_meet_close {
    float: right;
    width: 0.7rem;
    height: 100%;
    margin-right: 0.15rem;
    cursor: pointer;
    background: url("../image/pc/meeting_meet_close.png") no-repeat center / 0.7rem 0.7rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set {
    display: none;
    position: absolute;
    width: 7rem;
    height: 5rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-60%);
    background-color: #f3f3f3;
    border-radius: 8px;
    z-index: 12;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_title {
    position: relative;
    margin-bottom: 0.1rem;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: #333;
    font-size: 0.18rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_title .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('../image/pc/meeting_close_setting.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42% 42%;
    cursor: pointer;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main {
    padding: 0 0.4rem;
    font-size: 0.14rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .item {
    margin-top: 0.05rem;
    height: 0.4rem;
    line-height: 0.4rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .item.h3 {
    height: 0.3rem;
    line-height: 0.3rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .select {
    height: 0.4rem;
    border: 1px solid #ccc;
    font-size: 0.14rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .select option {
    height: 0.4rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main input[type=checkbox] {
    height: 0.14rem;
    width: 0.14rem;
    cursor: pointer;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .page_set_form {
    width: 100%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .page_set_form label {
    float: left;
    left: 0;
    width: 12.2%;
    overflow: hidden;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .page_set_form .select {
    float: left;
    width: 87%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set {
    width: 100%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set .select {
    height: 0.4rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set .select#select_size {
    width: 1.2rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set .select#select_frame {
    width: 1.2rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set .video_set_form {
    float: left;
    margin-right: 0.15rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set .video_set_form.ratio {
    margin-right: 0;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .video_set .video_set_form #set_video_ratio {
    display: inline-block;
    width: 0.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border: 1px solid #ccc;
    text-align: center;
    box-sizing: border-box;
    font-size: 0.14rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .page-set-check > div {
    float: left;
    margin-right: 0.1rem;
    height: 0.3rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .screen-area .regionShare-input {
    width: 0.4rem;
    height: 0.14rem;
    border: none;
    border-bottom: 1px solid #333;
    font-size: 0.12rem;
    background-color: inherit;
    text-align: center;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .mic-volume {
    display: none;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .mic-volume > label {
    float: left;
    width: 20%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .mic-volume > input {
    float: left;
    height: 100%;
    width: 70%;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .mic-volume > span {
    float: left;
    width: 10%;
    text-align: center;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .set-buttons {
    margin-top: 0.2rem;
  }
  #page_meeting .main .page_meet_cont .page_meet_view .page_open_set .page_set_main .set-buttons .cr-btn {
    float: left;
    margin-right: 0.15rem;
    height: 0.35rem;
    padding: 0 0.12rem;
    box-sizing: border-box;
  }
  #page_meeting .bgimg-choose {
    display: none;
    height: 100%;
    width: 100%;
  }
  #page_meeting .bgimg-choose .img-choose-box {
    margin-top: -50px;
    width: 800px;
    border-radius: 5px;
    z-index: 19921202;
    overflow: hidden;
  }
  #page_meeting .bgimg-choose .img-choose-box .header-title {
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list {
    height: 450px;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul {
    display: flex;
    flex-wrap: wrap;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul li {
    height: 225px;
    width: 33.333%;
    font-size: 40px;
    text-align: center;
    line-height: 225px;
    background-color: #ccc;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.1s ease;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul li .img-box {
    height: 100%;
    width: 100%;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul li .img-box img {
    padding: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    vertical-align: top;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul li:first-child {
    transition: none;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul li:hover {
    border: 5px solid #1388d7;
    line-height: 215px;
  }
  #page_meeting .bgimg-choose .img-choose-box .choose-list ul li.active {
    border: 5px solid #f14a47;
    line-height: 215px;
  }
  #page_meeting .bgimg-choose .img-choose-box .footer-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #fff;
  }
  #page_meeting .bgimg-choose .img-choose-box .footer-btns button {
    margin: 0 20px;
  }
  #page_meeting .bgimg-choose .img-choose-box .footer-btns button.cancel-btn {
    background-color: #f14a47;
  }
  #page_meeting .bgimg-choose .img-choose-box .footer-btns button.cancel-btn:hover {
    background-color: #c22e2c;
  }
  #page_meeting .more-box {
    display: none;
    margin-top: -0.5rem;
    width: 8rem;
    z-index: 1;
  }
  #page_meeting .more-box .close-btn {
    right: 0;
    height: 0.4rem;
    width: 0.4rem;
    z-index: 2;
  }
  #page_meeting .more-box .close-btn #closeImg {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('../image/pc/close-bold.png');
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
  #page_meeting .more-box .layui-tab-card {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  }
  #page_meeting .more-box .layui-tab {
    margin: 0;
    text-align: left !important;
  }
  #page_meeting .more-box .layui-tab .layui-tab-title {
    position: relative;
    left: 0;
    height: 0.4rem;
    white-space: nowrap;
    font-size: 0;
    border-bottom: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  #page_meeting .more-box .layui-tab .layui-tab-title li {
    font-size: 0.14rem;
    line-height: 0.4rem;
    min-width: 0.6rem;
    padding: 0 0.16rem;
  }
  #page_meeting .more-box .layui-tab .layui-tab-title .layui-this:after {
    height: 0.4rem;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content {
    height: 5rem;
    background-color: #fff;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-show {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    overflow: hidden;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item.btns-list {
    height: 0.4rem;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item.btns-list button[disabled] {
    background-color: #ccc;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item .l-text {
    display: inline-block;
    width: 1rem;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item select,
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item input.input {
    width: 2rem;
    box-sizing: border-box;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .list-item input.input.lg {
    width: 3rem;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .info-list {
    flex: 1;
    overflow: hidden;
  }
  #page_meeting .more-box .layui-tab .layui-tab-content .layui-tab-item .info-list .file-info-list {
    height: 100%;
    background-color: #ccc;
    overflow: auto;
    font-size: 0.12rem;
  }
  .data-channel {
    display: none;
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    height: 3rem;
    width: 2rem;
    border-radius: 0.05rem;
    z-index: 2;
    overflow: hidden;
  }
  .data-channel .msg-box {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 3;
    transition: all 0.2s ease;
    display: none;
  }
  .data-channel .msg-box .header {
    height: 0.4rem;
    line-height: 0.4rem;
    color: #808080;
  }
  .data-channel .msg-box .header .title {
    height: 100%;
    padding-left: 0.1rem;
    font-size: 0.14rem;
    text-align: center;
    box-sizing: border-box;
  }
  .data-channel .msg-box .header .close-btn {
    position: absolute;
    right: 0.1rem;
    top: 0rem;
    font-size: 0.24rem;
    color: #333;
    cursor: pointer;
  }
  .data-channel .msg-box .main {
    height: 3.6rem;
  }
  .data-channel .msg-box .main .send {
    height: 100%;
    transition: all 0.2s ease;
    display: none;
  }
  .data-channel .msg-box .main .send .tab {
    height: 0.3rem;
    line-height: 0.3rem;
  }
  .data-channel .msg-box .main .send .tab .tab-title {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.14rem;
    color: #666;
    cursor: pointer;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  .data-channel .msg-box .main .send .tab .tab-title.checked {
    background-color: #39ABFB;
    color: #fff;
    border-top: 1px solid #39ABFB;
    border-bottom: 1px solid #39ABFB;
  }
  .data-channel .msg-box .main .send .tab .tab-cmd {
    border-right: 1px solid #eee;
  }
  .data-channel .msg-box .main .send .send-file {
    height: 3.3rem;
    display: none;
  }
  .data-channel .msg-box .main .send .send-file .file-input {
    position: relative;
    height: 0.6rem;
  }
  .data-channel .msg-box .main .send .send-file .file-input #fileInput {
    display: none;
  }
  .data-channel .msg-box .main .send .send-file .file-info {
    padding: 0.05rem;
    margin-top: -0.1rem;
    height: 0.7rem;
    font-size: 0.14rem;
    text-align: center;
    word-wrap: break-word;
    overflow: auto;
  }
  .data-channel .msg-box .main .send .send-cmd .cmd-box {
    position: relative;
    height: 1.5rem;
  }
  .data-channel .msg-box .main .send .send-cmd .cmd-box #cmdInputBox {
    outline: 0 none;
    width: 90%;
    border: 1px solid #ddd;
    padding: 0.02rem 0.05rem;
    font-size: 0.14rem;
  }
  .data-channel .msg-box .main .send .send-cmd .send-user {
    margin-top: 0;
  }
  .data-channel .msg-box .main .send .btn {
    position: absolute;
    width: 1.5rem;
    height: 0.3rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    transition: all 0.2s ease;
  }
  .data-channel .msg-box .main .send .btn:hover {
    background-color: #39ABFB;
    color: #fff;
    border: none;
  }
  .data-channel .msg-box .main .send .send-user {
    position: relative;
    height: 1rem;
    margin-top: 0.2rem;
  }
  .data-channel .msg-box .main .send .send-user label {
    float: left;
    height: 0.2rem;
    line-height: 0.2rem;
    padding: 0 0.06rem 0 0.26rem;
    font-size: 0.14rem;
  }
  .data-channel .msg-box .main .send .send-user .userID-input {
    float: left;
    padding-left: 0.05rem;
    width: 0.72rem;
    height: 0.2rem;
    border: 1px solid #ccc;
    border-radius: 0.03rem;
  }
  .data-channel .msg-box .main .send .send-user .send-btn {
    top: 0.3rem;
  }
  .data-channel .msg-box .main .recive {
    transition: all 0.2s ease;
    border-top: 1px solid #eee;
  }
  .data-channel .msg-box .main .recive .from-user {
    padding: 0.05rem;
    height: 0.44rem;
    line-height: 0.22rem;
    text-align: center;
    font-size: 0.14rem;
  }
  .data-channel .msg-box .main .recive .from-user #fromUserID {
    font-size: 0.16rem;
    font-weight: 600;
    color: #39ABFB;
  }
  .data-channel .msg-box .main .recive .from-user #msgType {
    font-size: 0.16rem;
    font-weight: 600;
  }
  .data-channel .msg-box .main .recive .data-value {
    position: relative;
    height: 2rem;
  }
  .data-channel .msg-box .main .recive .data-value .notify-cmd {
    height: 100%;
  }
  .data-channel .msg-box .main .recive .data-value .notify-buffer {
    height: 100%;
  }
  .data-channel .msg-box .main .recive .data-value .notify-file {
    height: 100%;
    display: none;
  }
  .data-channel .msg-box .main .recive .data-value .value-box {
    padding: 0.05rem;
    top: 0;
    height: 1rem;
    width: 90%;
    word-wrap: break-word;
    overflow: auto;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #eee;
  }
  .data-channel .msg-box .main .recive .data-value #bufferValueBox {
    height: 2rem;
  }
  .data-channel .msg-box .main .recive .data-value .value-btn {
    position: absolute;
    margin-top: 0.5rem;
    width: 1.5rem;
    height: 0.3rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
    transition: all 0.2s ease;
  }
  .data-channel .msg-box .main .recive .data-value .value-btn:hover {
    background-color: #39ABFB;
    color: #fff;
    border: none;
  }
  .open-channel-btn {
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    height: 0.36rem;
    width: 1rem;
    line-height: 0.36rem;
    text-align: center;
    color: #555;
    font-size: 0.16rem;
    font-weight: 500;
    border-radius: 0.05rem;
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
  }
  .open-channel-btn:hover {
    background-color: #39ABFB;
    color: #fff;
    border: none;
    transition: all 0.2s ease;
  }
  /****************************** 浏览器提示 ***************************/
  /* 让加载层居中 */
  .layui-layer-loading .layui-layer-content {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  /* 修改tiplayer提示层最小宽度 */
  .layui-layer-dialog {
    min-width: 150px !important;
  }
  .layui-layer-dialog .layui-layer-content {
    text-align: center !important;
  }
  /* 修改tiplayer提示层文字水平居中 */
  .mask {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .alert-wrapper,
  .mask {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
  }
  .alert-wrapper {
    z-index: 9999;
    position: absolute;
  }
  .alert-wrapper .alert-box {
    position: absolute;
    width: 3.8rem;
    height: 2.2rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0.06rem 0.15rem 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
  }
  .alert-wrapper .alert-box.alert-box-1 {
    width: 5.6rem;
  }
  .alert-wrapper .alert-header {
    position: relative;
    height: 0.24rem;
  }
  .alert-wrapper .alert-header .title {
    margin-left: 0.16rem;
    margin-top: 0.1rem;
    font-family: Microsoft yahei;
    font-size: 0.18rem;
    color: #29ab91;
    line-height: 0.14rem;
  }
  .alert-wrapper .alert-header .close {
    position: absolute;
    right: 0.11rem;
    top: 0px;
    width: 0.14rem;
    height: 0.14rem;
    cursor: pointer;
    background: url("../image/pc/meeting_close_setting.png") no-repeat;
    background-size: 0.14rem 0.14rem;
  }
  .alert-wrapper .alert-body {
    padding-bottom: 0.42rem;
  }
  .alert-wrapper .alert-footer {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0 0.16rem 0.16rem;
    height: 0.26rem;
    text-align: right;
  }
  .alert-wrapper .alert-footer .btn {
    font-size: 0.16rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    background-color: #29ab91;
    color: #fff;
    border: none;
    box-shadow: 0px 0.08rem 0.15rem -0.08rem rgba(7, 107, 242, 0.6);
    letter-spacing: 0.0084rem;
    border-radius: 0.15rem;
  }
  .alert-wrapper .alert-footer .btn.btn-cancle {
    background-color: #e3e6ec;
    color: #313c4c;
  }
  .f-mgr-10 {
    margin-right: 0.1rem;
  }
  .check-compatibility {
    padding: 0.45rem 0.16rem 0.42rem;
    font-family: Microsoft yahei;
    font-size: 0.18rem;
    color: #313c4c;
    line-height: 0.2rem;
  }
  .check-compatibility .tip-content {
    display: inline-block;
    width: 4.8rem;
    vertical-align: top;
  }
  .icon-tip {
    position: relative;
    top: 0.05rem;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.08rem;
    background: url("../image/pc/wrapper_tip.png") 50% no-repeat;
    background-size: 0.22rem 0.22rem;
  }
  .check-compatibility .c1,
  .check-compatibility .c2,
  .check-compatibility .c3 {
    margin-bottom: 0.1rem;
    display: block;
  }