* {
    font-size: 16px;
}

html {
    font-size: 20px;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "tahoma","SimSun";
}


#wx_login {
    position: fixed;
    width: 360px;
    height: 300px;
    left: 50vw;
    right: 50vw;
    margin-left: -190px;
    top: 50vh;
    bottom: 50vh;
    margin-top: -200px;   
    background-color:white;
    border-radius: 10px;
    box-shadow: 0px 0px 100px 10PX black;
    z-index: 2;
}

    #wx_login input {
         background-color: rgb(225 228 236);
         border:0px;
         height:30px;
         width:170px;
    }

    #wx_login button {
        height:30px;
        width: 110px;
        color:white;
        border-radius:5px;
        background-color:limegreen;
        border-color:lightgrey;
    }


#wxrghd {
    position: relative;
    width: 40vw;
    top: 50px;
    left: 5vw;
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
}
    #wxrghd tr {
        height: 20px;
        border: 1px solid black;
    }

    #wxrghd th {        
        border: 1px solid black;
        
    }

#wxrghdDv {
    position: relative;
    top: 50px;
    left: 5vw;
    width: 40vw;
    height: 50vh;
    overflow: auto;
    background-color: white;
    z-index: 3;
}

#wxrgTb {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
}

#wxrgTb tr {
        height: 30px;
        border: 1px solid black;
    }

 #wxrgTb td {       
        border: 1px solid black;      
        text-align:center;
    }
        #wxrgTb input {
            width: 100%;
            text-align:center;
        }

#wxRglginTb {
    position: relative;
    margin-top: 30px;
    width: 80%;
    height: 50%;
    left: 10%;
    border-collapse: collapse;
    table-layout: fixed;
    z-index: 4
}
    #wxRglginTb input {
     width:95%    
    }
    #wxRglginTb tr {
       /* border: 1px solid #0f0f0f;*/
    }

    #wxRglginTb td {
      /* border: 1px solid #0f0f0f;*/
    }

    #wxRglginTb img {       
        max-width:60px;
        max-height:60px;
        /*top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
    }

   #tdlg {
   width: 30%;
   }

#tdip {
    width: 50%
}

#RgexitBn {
    position: relative;
    float: right;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 8;
}

.setokBn {
    position: absolute;
    width: 80px;
    height: 30px;
    bottom: 20px;
    left: 150px;
    z-index: 6
}

#wx_setRG {
    position: absolute;
    display: none;
    left: 20vw;
    top: 10vh;
    width: 52vw;
    height: 80vh;
    border-radius: 6px;   
    box-shadow: 0px 0px 100px 10px black;
    background-color:goldenrod ;
    z-index: 5;
}


#wx_setLgn {
    position: absolute;
    display: none;
    left: 40vw;
    top: 20vh;
    width: 18vw;
    height: 30vh;
    border-radius: 6px;
    background-color: darkseagreen;
    box-shadow: 0px 0px 100px 10px black;
    z-index: 6;
}

    #wx_setLgn input {
        width: 10vw;
    }

#wx_singlRg {
    position: absolute;
    display: none;
    left: 40vw;
    top: 20vh;
    width: 360px;    
    border-radius: 8px;
    background-color: lightblue;
    box-shadow: 0px 0px 6px 6px black;
    z-index: 6;
}

#titleDv {
    position: absolute;
    width: 100%; 
    height: 32px;
    background-color: gray;
    top: 0px; 
    left: 2px; 
    right:2px;
    padding:2px 2px;
    border-radius: 6px;   
    vertical-align:middle;
}
    #titleDv a {
        padding: 10px 10px;        
        color: gainsboro;
        font-size: 22px;
    }

#wxpage {
    position: relative;
    display: none;
    left:1px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 400px;
    /*  border: 1px solid #0f0f0f;*/
    float: left;
    /* background-color: rgb(255 255 255);*/
    background-color:ghostwhite;
    z-index: 3;
}

.Nosellect {        /*************禁止选择其上文字*********************/
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.mmdiv {
    position: absolute;
    width: 92%;
    height: 166px;
    bottom: 0px;
    left: 0px;
    float: left;
    margin: 0px;
    padding: 15px 15px;
    border: 1px solid #000;
    background-color: snow;   
    border-radius: 6px;
    display: none;
    z-index: 10;
}

    .mmdiv img {
        max-width: 30px;
        max-height: 30px;
        padding:2px 3px 2px 3px;   
        cursor: pointer;
    }

    #wxpage #usrsDiv {
        position: absolute;
        top: 8%;
        /* background-color: darkseagreen;*/
        background-color: #f1f8f2;
        z-index: 4;
        width: 100%;
        float: left;
        /*  display: none;*/
    }

#urBkDiv {
    position: absolute;
    width: 100%;
    top: 7%;
    bottom: 45px;
    float: left;
    overflow: auto;
    /*  display:none;*/
    background-color: rgb(225 228 236);
    /* background-color: rgb(75 224 132);*/
    /* background-color: rgb(18 185 82); */ /*******2024******/
    /*background-color: rgb(180 207 252);*/
    z-index: 4;
    display: none; /*******2024******/
}

#unrdMsgDv {
    position: relative;
    /* width: 100%;*/
    width: 400px;
    height: 90%;
    top: 7%;
    float: left;
      display: none;
    /*background-color: blanchedalmond;*/
    background-color: rgb(225 228 231);
    z-index: 6; 
}

#wxheadD {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 7%;
    width: 100%;
    float: left;
    /*border-radius: 6px;*/
    /*background-color: rgb(180 207 252);*/
    /*background-color: rgb(243 246 247);*/
    background-color: rgb(225 228 236);
   /* background-color: rgb(221 223 225);*/
    /* box-shadow: 0px 0px 1px 1px grey;*/
    z-index: 11;
}

#zoomDv {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70vw;
    height: 30px;
    text-align: right;
    display:none;
    background-color: white;
    z-index: 9
}

#textshowDv {
    position: relative;
    width: 35vw;
    height: 95vh;
    padding: 10px 10px;
    top: 2px;
    left: 35vh;
    background-color: white;
    font-size: 24px;
    overflow-y: scroll;
    white-space: normal; /*加入才能换行230905*/
    word-wrap: break-word; /*允许单词在行尾断开*/
    overflow-wrap: break-word; /*同上*/
    word-break: break-all;
    text-align:left;
    display: none;
}

#txsFshowDv {
    position: relative;
    width: 35vw;
    height: 95vh;
    padding: 10px 10px;
    top: 2px;
    left: 35vh;
    background-color: white;
    font-size: 24px;
    overflow-y: scroll;
    white-space: normal; /*加入才能换行230905*/
    word-wrap: break-word; /*允许单词在行尾断开*/
    overflow-wrap: break-word; /*同上*/
    word-break: break-all;
    text-align: left;
    display: none;
}


    #textshowDv  img {
    max-width:180px;
    max-height:180px;    
    border-radius:2px;
    }

    #textshowDv span img {
        width: 22px;
        height: 22px;
        border-radius: 2px;
    }
    #textshowDv span {
        font-size: 24px;
    }

    .rcmdgmC {
        width: 95%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .rcmdgmC tr{ 
       border:0px;
    }

    .rcmdgmC td {
        border: 0px;
    }

    .rcmdgmC button {
       width:40px;
    }

#wxnologTb {
    position: relative;
    width: 95%;
    top: 30px;
    left: 10px;
    float: left;
    border-collapse: collapse;
    table-layout: fixed;
    z-index: 14;
}
    #wxnologTb td {
      /*  width: 18px;*/
  /*  border: 1px solid black;*/
    }

   

.showlogC {
    /*height: 50px;*/
  /*  border: 1px solid black;*/   
    table-layout: fixed;
    background-color:white;
}

#wxnologTb img {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 5px;
}

.shownameC {
   /* height: 10px;*/
    /*  border: 1px solid black;*/
    table-layout: fixed;
    font-style: italic;
    font-size: 14px;
}

#MywxnoinfoDv {
    position: absolute;
    display: none;
    top: 10px;
    left: 2px;
    width: 99%;
    bottom: 1px;
    float: left;
    z-index: 18;
    overflow: auto;
    background-color: rgb(146 206 145);
   /* background-color: rgb(225 228 236);*/
    box-shadow: 0px 0px 10px 10px black;
}

#MyinfoTb {
    position: relative;
    top: 5px;
    left: 5px;
    width: 95%;
    text-align: center;
    font-size:16px;
   /* border: 2px solid #0f0f0f;*/
    border-collapse: collapse; /*  边框线条合并*/
    table-layout: fixed;
    z-index: 13;
}

    #MyinfoTb tr {
        height: 4vh;
        border: 1px solid black;
    }

    #MyinfoTb td {
      /*  width: 33%;*/
       /* border: 1px solid black; */
    }

#cameraDv {
    position: relative;
    top: 20px;
    left: 0px;
    width: 400px;
    height: 96%;
    z-index: 15;
    background-color: hotpink;
    display: none; /*此处用none，flex会失效*/
}

#camraVd {
    position: absolute;
    max-width: 390px;
    min-height: 390px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 16;
}

#getpicCv {
    position: absolute;
    max-width: 390px;
    min-height: 390px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 17;
}

    #cameraDv table { 
    width:90%;   
    z-index: 18;   
    }

    #cameraDv  table td{  
    text-align:center
    }

#cntrlcamraId {
    position: absolute;
    bottom: 30px;
    width: 70%;
    height: 40px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: rgb(51 67 82);
    transform: translate(-50%, -50%);
    z-index: 18;
}

#recordDv {
    display: none;
    /*background-color: rgb(161 199 245);*******2024******/
    background-color: rgb(225 228 236);
    z-index: 17;
}
    
    #recordDv table {
        position: absolute;
        top:4px;     
        width: 96%;
        right:0px;    
        z-index: 18;
    }

        #recordDv table tr {
          /*  border: 1px solid #0f0f0f;*/
        }

        #recordDv table td {
        text-align: center;
       /* border: 1px solid #0f0f0f;       */
    }

        #recordDv button {
            width: 50px;
            height:20px;
            border-radius: 3px;
            border: 0px solid #f1eeee;
            background-color: rgb(238 243 238)
        }

#recstartMk {
    position: fixed;
    top: 30%;
    left: 100px;
    width: 220px;
    padding:5px 6px;
    border-radius: 6px;
    color:white;
    border: 0.6px solid  black;
    background-color: rgb(26 180 39 / 0.73);
    display:none;
    z-index: 19
}

    #recstartMk img{
        width:40px;
        height:40px;
        border-radius:20px;        
    }

.addDivCls {
    position: absolute;
    display: none;
    top: 5px;
    left: 0px;
    width: 99%;
    min-height: 40%;
    float: left;
    overflow:auto;
    z-index: 17;
    /* background-color: lightgreen;*/
    background-color: rgb(146 206 145);
    box-shadow: 0px 0px 10px 10px black;
}

#selctwxnoGT img {
    width:44px;
    height:44px;    
}

#selctwxnoGT tr {
   /*  border: 0.6px solid black;*/
}

#selctwxnoGT td {    
   /*  border: 0.6px solid black;     */
}

#prcswxStb {
    top: 30px;
    width: 95%;
    border-collapse: collapse;
    table-layout: fixed;
}

    #prcswxStb tr {
        /* border: 0.6px solid black;*/
    }

    #prcswxStb td {
        /* border: 0.6px solid black;*/
    }

    #hdaddtb {
        top: 5px;
        left: 10px;
        width: 100%;
        height: 80%;
        float: left;
        z-index: 15;
        border-collapse: collapse;
        table-layout: fixed;
    }

    #hdaddtb tr {
        height: 7%;
    /*    border: 0.6px solid black;*/
    }

    #hdaddtb td {       
       /*  border: 0.6px solid black;*/
    }

#addGroupTb {
    top: 5px;
    left: 40px;
    width: 96%;
    float: left;
    z-index: 15;
}

    #addGroupTb td {
        width: 24%;
        text-align: center;
       /* border: 0.6px solid black;*/
    }

.wxnoTable {
    position: relative;
    left: 20px;
    width: 90%;
    float: left;
    border-collapse: collapse;
    table-layout: fixed;
  /*  background-color:mediumseagreen ;*/
}

    .wxnoTable img {      
        width: 50px;
        height: 50px;        
    }

.wxnoTable button{
    background-color:powderblue;
    width:30px;
}

    .wxnoTable tr {
      /*  border: 1px solid #0f0f0f;*/
      /*  height: 60px;*/
        vertical-align:central; 
    }

    .wxnoTable td {
      /*  width: 11%;*/
       /* border: 1px solid #0f0f0f;*/
        text-align: center;       
    }

#headTb {
    position: relative;
    top: 0px;
    left: 1px;
    width: 99%;
    /* height: 50%;*/
    float: left;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    font-size:26px;
    z-index: 6;
}

    #headTb tr {
        /* border: 1px solid #0f0f0f;*/
    }

    #headTb td {
       /* width: 10%;  加入数字，则按实际格子数定这数 */
          /* border: 1px solid #0f0f0f;*/
    }

    #headTb img {
        width: 30px;
        height: 30px;
        border-radius: 8px;
    }


#colctpcsDv {
    position: absolute;
    top:400px;
    left:50px;
    width:280px;
    height:40px;
    padding: 6px 6px 6px 6px;
    border-radius: 7px;  
    background-color: rgb(85 96 99 / 0.85);
    text-align: center;
    vertical-align: middle;
    z-index: 20;
    display: none;
}

    #colctpcsDv table {
        width:98%;
        font-size:large;
        font-weight:bold;
        color:white;
    }
/*
#downTbid tr {
    border: 1px solid #0f0f0f;  
}

#downTbid td {
    border: 1px solid #0f0f0f;  
}*/

#prcsmenu {
    position: absolute;
    top: 0px;
    left: 20px;
    padding: 6px 6px 6px 6px;
    border-radius: 7px;
    /* background-color: rgb(12 154 15 / 0.85);*/
    background-color: rgb(85 96 99 / 0.85);
    text-align: center;
    vertical-align: middle;
    z-index: 16;
    display: none;
}

    #prcsmenu button {
     margin:3px 3px 3px 3px;
     background-color:white;
     border-color:gainsboro;
     border-radius:4px;
     color:darkslategray;
    }

    #msgdiv {
        position: absolute;
        display: none;
        /*   position: relative;*/
        /*  top: 100px;*/
        /* height: 650px;*/
        height: 100vh; /* 与屏幕高度一致*/
        width: 100%;
        float: left;
        bottom: 0px;
        /* overflow-y: scroll;*/
        /* background-color: #bab3b2;*/
        background-color: rgb(221 223 225);
        z-index: 5; /********2024 old = 5***********/
    }
/*
.udivClas::-webkit-scrollbar {
    width: 0px;
}
*/

#Tabbackdiv {
    position: absolute; /*******************此处必须设为relative，否则表格不能从最下往上移动******************/
    background-color: rgb(221 223 225);   
    left: 0px;
    width: 99%;
    height: 90%;
    bottom: 110px;
    overflow-y: auto;   
    z-index: 6;
    display:none;
}


#pdfshowDv {
    position: absolute;
    top: 30px;
    width: 70vw;
    /*height: 800px;*/
    bottom:0px;
    display: none;
  /*  overflow-y: scroll;*/
    background-color: darkkhaki;
    z-index: 19;
}

#putwordshowDv {
    position: absolute;
    top: 30px;
    width: 70vw;
   /* height: 95vh;*/
    bottom:0px;
    display: none;
    overflow-y: scroll;
    text-align:center;
    background-color:dimgray ;
    z-index: 18;
}


#wordshowDv {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
  /*  overflow-y: scroll;*/
    background-color: white;
    z-index: 19;   
}

/*#wxmsgTb {*/
.wxmsgtbCls {
    position: absolute; /*******************此处必须设为absolute，否则表格不能从最下往上移动******************/
    width: 99%;
    left: 0px;
    bottom: 0px;
    /* padding: 4%; */
    border-collapse: collapse; /*  去除内连框线20231002*/
    table-layout: fixed;
    z-index: 7;  
    /************************下列为禁止屏幕出现选字光标***************************/
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.msgtrC {
   /* background-color: rgb(216 220 223);*/
    background-color: rgb(220 220 220);
}
/*#wxmsgTb tr {*/
.wxmsgtbCls tr {
    position: relative;
    z-index: 7;
   /*  border: 1px solid #c3cfce;  */  
}

   /* #wxmsgTb td {*/
.wxmsgtbCls td {
    width: 20%;
    position: relative;
    z-index: 7;
    word-break: break-all;
    /*  word-wrap:break-word;*/
    white-space: normal;
     /*border: 1px solid #0f0f0f;  */
}





.AdivC {
    width: 75px;
    height: 40px;
    border-radius: 5px;
    padding: 6px 12px 1px 8px;
    background-color: white;
    text-align: right;
    font-size: small;
    display: inline-block;
}

    .AdivC img {
       max-width:12px;
       max-height:12px;
       float:left;
    }

    .AdivC h1 {
        float: left;  
    }


.MdivC {
    width: 200px;
    min-height: 50px;
    border-radius: 5px;
    padding: 6px 4px 1px 3px;
    background-color: white;
    text-align: right;
    font-size: small;
    display: inline-block;
}

    .MdivC img {
        width:32px;
        height:32px;
        border-radius:6px;
    }


    .MdivC table {
        position: relative;
        width: 100%;
        border-collapse: collapse; /*  去除内连框线*/
        table-layout: fixed; /*解决使用colspan后td 的windth无效问题 */
        text-align: left;
    }


    .MdivC tr {
      /*  border: 1px solid black;*/
    }

    .MdivC td {
       /* border: 1px solid black;*/
    }

    .MdivC audio {
        width:96%;
        height:16px;
        font-size:13px;
    }

/*#wxmsgTb  img {
    width:17px;
            height:17px;
            z-index: 8;
            border-radius: 3px;    
    pointer-events: none;
    }*/

/*.msgimgC {*/         /*关闭图片事件功能*/
    /*pointer-events: none;
}*/

    .othmsgDiv {
        position: relative;
        border-radius: 4px;
        background-color: white;
        left: 6px;
        top: 0px;
        padding: 2px 10px 5px 10px;
        text-align: left;
        display: inline-block !important;
        display: inline; /*上下两行是让div随内容多少调整宽度*/
        min-width: 30px;
    }

.localmsgDiv {
    border-radius: 4px;
    /* background-color: rgb(190 227 251);    */
      background-color: rgb(192 245 187);
   /* background-color: rgb(224 166 236);*/
    right: 6px;
    top: 0px;
    padding: 2px 10px 5px 10px;
    text-align: left;
    display: inline-block !important;
    display: inline;
    /* min-width:30px;*/
}

  /*  .localmsgDiv img {
        width: 16px;
        height: 16px;
        border-radius: 2px;
    }
.othmsgDiv img {
    width: 16px;
    height:16px;
    border-radius: 2px;
}*/

.mecls img {
    max-width: 120px;
    max-height: 120px;
    border-radius: 3px;
}


    .mecls span img {
        width: 17px;
        height:17px;
        border-radius: 3px;
    }

    .msgnameC {
    font-weight: 300;
    font-size: 12px;
    text-align:left;
    }
/*#tdmsg {
    width:270px;
    word-break: break-all; 
    white-space:normal;
    background-color:coral;
}
*/

.wxchatDiv {
    position: absolute;
    left: 0px;
    width: 98%;
    min-height: 60px;
    bottom: 40px;
    padding: 3px 3px;
    display: flex;
    align-items: center;
    justify-content: center;
   /* border-radius: 6px;*/
   /* border: 1px solid #414144;*/
   /* background-color: rgb(180 211 249);*/
    background-color: rgb(225 228 236);
    z-index: 8;
}

#recordtdId button {
    width: 70px;
    height: 40px;
    border-radius: 20px;
    background-color: limegreen;
    border-color:slategray;
    color:white;
}

#showWxInfDv {
    bottom: 100px;
}
/*
#wxManyProTb {
    position: relative;
    display:none;
    top:30px;
    width: 100%;    
    background-color:antiquewhite;
    z-index: 9;
}*/
/*
    #wxManyProTb td {
        width: 20%;
        text-align: center;       
    }*/
#wxmanytbId {
    width: 95%;
    table-layout: fixed;
    font-size: 13px;
    font-weight: 200;
    font-style: normal;
    text-align: center;
}
    #wxmanytbId img{
        width:36px;
        height:36px;
    }

    #sndwxfileTb {
        position: relative;
        display: none;
        top: 20px;
        width: 100%;
        height: 70%;
        background-color: antiquewhite;
        z-index: 9;
    }
    #sndwxfileTb tr {
        height: 10%;       
    }

    #sndwxfileTb td {
        text-align: center;
    }

#wxchatTb {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 0px;
    z-index: 9;
}
 
        #wxchatTb .wxtxtSnd {
            width: 98%;
            height:20px;
            color: black;
            background-color:snow;
        }

    /*.audiomnyC {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        background-color: white;
        color: black;
        top: 0px;*/
        /*transform: translate(-50%, -50%);*/
        /*background-color: snow;
    }*/

    #wxchatTb .wxtextPt {
        width: 96%;
        font-size: 15px;
        min-height: 16px;
        /*   border: 0.5px solid #000;*/
        margin: 2px;
       
        padding: 2px;
        border-radius: 4px;
        outline: none;
        overflow-y: scroll;
        white-space: normal; /*加入才能换行230905*/
        word-wrap: break-word; /*允许单词在行尾断开*/
        overflow-wrap: break-word; /*同上*/
        word-break: break-all;
        text-align: left;
        background-color: mintcream;
        overflow: hidden;
        cursor: text;  /**********光标改为线条形******/
        z-index: 10;
    }

.wxtextPt  span  img {
    width: 16px;
    height: 16px;
}


.wxtextPt  img {
    max-width: 70px;
    max-height: 70px;
}


#wxchatTb tr {
    /* border: 1px solid #0f0f0f;*/
}

#wxchatTb td {
    text-align: center;
    vertical-align: unset;
   /*  border: 1px solid #0f0f0f;*/
}

/*
.imgpossionC {   
   vertical-align:central;     
}*/
    .imgsizeC {
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }


#hdlv {
    text-align: center;
}

#hdname {   
    font-size:larger;
    font-weight: 300;
    text-align: right;  
}

#hdwx {     
    text-align: left;
}

#hdad {   
    text-align: left;
}


#addwxU {
    background-color: #fbdfbc;
}

#addwxG {
    background-color: rgb(180 211 248);
}

.imgTd {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background-color: aquamarine;
    top: 0px;
    pointer-events: none;
}

/*.imgalignC {    
    vertical-align:top;
    text-align:right;
}*/


#unrdmsgTb {
    position: absolute;
    /* top: 0px;*/
    /*      float: left;*/
    top:10px;
    width: 100%;
    padding: 4%;
    left: 0px;
    overflow: auto;
    text-align: left;
    border-collapse: collapse; /*  去除内连框线*/
    table-layout: fixed; /*解决使用colspan后td 的windth无效问题 */
   /* background-color: rgb(237 240 243);*/
    z-index: 7;
}

    #unrdmsgTb tr {
        top: 0px;
        border: none;       
        background-color: rgb(254 254 254);
    /*    border: 1px solid #0f0f0f;*/
    }

    #unrdmsgTb td {    
        width:4.5%;
        border: none;
     /*   border: 1px solid #0f0f0f;*/
        
    }

    #unrdmsgTb em {
        /*       width: 32%;*/
        color: white;
    }

    #unrdmsgTb img {
        max-width: 40px;
        max-height: 40px;
        border-radius:5px;
        float:right;
    }

.wxnoteRedDv{
    width:10px;
    height:10px;
    border-radius:5px;
    background-color:red;
}

#wxbookTb {
    position: absolute;
    /* top: 0px;*/
    /*      float: left;*/
    width: 98%;
   /* padding: 4%;*/
    left: 0px;    
    text-align: center;
    border-collapse: collapse; /*  去除内连框线*/
    table-layout: fixed; /*解决使用colspan后td 的windth无效问题 */   
    z-index: 5;
}

    #wxbookTb tr {
        top: 0px;
        /* border: none;*/
        background-color: rgb(237 240 243);
      /*  border: 1px solid #0f0f0f;*/
    }
    #wxbookTb td {
       /* width:5.2%;*/
     /*   border: none;*/
      /*  border: 1px solid #0f0f0f;*/
    }

    #wxbookTb em {
        /*       width: 32%;*/
        color: white;
    }
    #wxbookTb img {
        /*max-width: 54px;
        max-height: 54px;*/
        width:43px;
        height:43px;
        border-radius: 4px;
    }

    .timesizeC{
        font-style:italic;
        font-size:small;
        font-weight:300;
      /*  text-align:left;*/
    }

.wxbuttmCls {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 45px;
    bottom: 0px;
    box-shadow: 0px 0px 1px 1px grey;
    background-color: gainsboro;
    z-index: 9;
}

.wxbuttmCls table {
    height: 40px;
    /*bottom: 5px;*/
    font-weight: 300;
    border-collapse: collapse;
    background-color: #fbfbfb
    /* background-color: #712ede;*/
}

.wxbuttmCls td {
    width: 20vw;
    text-align: center
}

#mt_rg {
    position: absolute;
    margin: 20px 0px 0px 0px;
    width: 80%;
    height: 20px;
    right: 8px;
    float: right;
    bottom: 8px;    
    text-align: right;    
}

#wxnoAddDv {
    position: absolute;
    display: none;
    top: 5px;
    left: 0px;
    height: 100%;
    width: 100%;
    float: left;
    overflow:auto;
    background-color: paleturquoise;
    z-index: 12;
}

#wxnAddTb {
    position: relative;
    top: 10px;
    left: 4px;
    width: 96%;
    /*height:5%; */
    border-collapse: collapse; 
    table-layout: fixed;
    z-index: 11;
  /*  border: 1px solid black;*/
}
    #wxnAddTb td {
        /*width: 14.8%;*/
        /* border: 1px solid black;*/
    }

    #wxnAddTb tr {   
        height:18px;
       /* border: 1px solid black;    */
    }

    #wxnAddTb img {
      width:36px;
      height:36px;    
    }

    .logoDiv {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*   background-color:darkseagreen;*/
    }
/*
.pmenuCls {
    position:relative;   
    height: 40px; 
}*/

.logoCls {
    text-align:left;  
}

/*
.lgCls {
    text-align: center;
}*/

#ManyFunDv {
    position:absolute;
    display:none;
    width: 100%;
    height: 95%;
    top: 0%;
    float: left;
    background-color:gold;
    z-index:15;
}

 .bgsmlprcsC {
    position: absolute;
    display: none;
    width: 100%;
    height: 95%;
    top: 0%;
    float: left;
    overflow-y: auto;
    overflow-x:hidden;
    background-color: gainsboro;
    z-index: 16;
}

#colcthdTb {
    position: relative;
    top: 2px;
    left: 4px;
    width: 96%;  
    border-collapse: collapse;
    table-layout: fixed;
    z-index: 12;
}
    #colcthdTb tr {
      /*   border: 1px solid #0f0f0f;*/
    }

    #colcthdTb td {
       /*  border: 1px solid #0f0f0f;*/
    }

    .wpdivcls {
        position: relative;
        width: 200px;
        min-height: 45px;
        /* float: right;*/
        padding: 3px 3px;
        border-radius: 9px;
        display: flex;
        justify-content: left;
        text-align: left;
        background-color: white;
        /*    vertical-align: middle;     //加入可以使文字居中     */
    }

.wpdivcls img {
    width:32px;
    height:32px;
    border-radius:6px;
}



    /*定义竖屏 css*/
    @media screen and (orientation:portrait) {
        * {
            font-size: 18px;
        }

        html {
            font-size: 20px;
        }

        #titleDv{
        text-align:center;
        }

        #wxpage {
            display: none;
            width: 100vw;
            left: 1px;
        }

        #unrdmsgTb {
            width: 100vw;
        }

        #wx_login {
            width: 88%;
            /*   height: 38vh;*/
            height:252px;
            margin-left: -44%;
            top: 45vh;
            bottom: 55vh;
        }


        #wx_singlRg {
            top: 10vh;
             width: 92vw;
          /*  width: 320px;*/
            left: 4vw;
           /* left: 20px;*/
            
        }

            #wx_singlRg input {
            width:60vw;            
            }

        #wx_setLgn {
        width:80vw;
        height:50vh;
        left:10vw; 
        }

            #wx_setLgn input {
            width:42vw;
            }

        #wx_setRG {
            width: 100vw;
            height: 100vh;
            left: 0vw;
        }
            #wxrghdDv, #wxrgtbDv, #wxrgTb, #wxrghd {
                width: 98vw;
                height: 100vh;
                left: 1vw;
            }      
      
        #wxheadD {
            height: 10%;
            text-align: center;
        }

        #prcswxStb {
        width:99vw;
        }

        .wxbuttmCls {
            width: 100vw;
            height: 6vh;
        }

        #f_choiceTb {
            width: 100%;
            vertical-align: middle;
        }

        #headTb {
            vertical-align: text-top;
            text-align: center;
        }

        #hdname {
            font-size:larger;
            font-weight: 500;
        }

        #urBkDiv{
            top:8vh;
          /*  height:82vh;*/
            bottom:6vh;
        }

        #zoomDv {
            width: 100%;
        }

        #putwordshowDv {
            width: 100%;
        }

        #wxpage #wxchatTb {
            width: 100%;
        }

        #wxchatTb .wxtextPt {
            font-size: 16px;
            /*        height:30px;*/
        }

        #wxmanytbId img {
            width: 42px;
            height: 42px;
        }

        #Tabbackdiv {
            bottom: 66px;
        }

        #pdfshowDv {
            width: 400px;
        }

        #wordshowDv {
            width: 700px;
        }

        #textshowDv {
           width:90vw;
           overflow:no-display;
           left:auto;
        }

        #txsFshowDv {
            width: 90vw;
            overflow: no-display;
            left: auto;
        }

        .bgvideoC {
            width: 90vw;
            bottom: 0px;
            display: none;
            text-align: center;
        }

        .wxchatDiv {
            bottom: 0px;
        }

        #showWxInfDv {
            bottom: 60px;
        }

        #recordDv {
            bottom: 0px;
        }

        #cameraDv video {
            width: 400px;
            height: 600px;
            /*   object-fit: fill;  加上这个标注可以使video按设计的大小充满画面*/
        }

        #getpicCv {
            /* width: 300px;
        height: 400px;  */
        }

           #recordDv {
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }
        /*不让在手机页面上编辑文字2024年02月03日*/       
    }