#setWxnoDv {
    position: absolute;
    float: right;
    top: 2px;
    right:0px;
    width: 150px;
    margin: 30px auto;
    display: none;
    z-index: 15;
}
ul {
    background: #eee;  
}

    ul li {
        line-height: 24px;
        text-indent: 12px;
        border-bottom: solid 1px black;
        background-color: #d8dfe0;
        color: black; /* 初始文本颜色 */
        cursor: pointer;
    }

#showSlctDv {
    position: absolute;
    top: 30px;
    left: 50px;
    width: 300px;
    height: 110px;
    border-radius: 12px;
    background-color: rgb(237 228 124);
    box-shadow: 0px 0px 10px 10px gray;
    z-index: 18;
    display: none;   
}

    #showSlctDv table {
        width:99%;
        text-align: center;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .setwxDv {
        height: 70px;
        width: 96%;
        background-color: rgb(36 39 33 / 0.00);        
    }

    .setwxDv li {
        font-size: large;
        margin-bottom: 2px;
        text-align:center;
    }

.notedvC {
    position: fixed;
    display: none;
    top: 160px;
    left: 30px;
    width: 300px;
    height: 80px;
    border-radius: 6px;
    background-color: rgb(97 95 95 / 0.94);
    box-shadow: 0px 0px 3px 5px lightgray;
    z-index: 25;
}

    .notedvC table {
        border-collapse: collapse;
        table-layout: fixed;
    }


    /*
#MyimgTd {
    position: absolute;
    vertical-align: middle;
    width: 200px;
    height: 200px;
}
*/
    #putmylogDv {
        position: absolute;
        top: 0px;
        left: 10px;
        width: 200px;
        height: 200px;
        /*   display:table-cell;
    text-align: center;
    vertical-align: middle;*/
        background-color: ghostwhite;
        z-index: 14;
    }

    #putmylogDv img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);    
    }

#cutmylogDv {
    position:absolute;
    top:50px;
    left:60px;
    height: 100px;
    width: 100px; 
    background-color: rgb(206 4 49 / 0.31);
    z-index:15;
}

#mxinfshowTB {
    position: relative;
    width: 95%;
    top: 5px;
    left: 10px;
    float: left;
    text-align: center;
    border-collapse: collapse;
    table-layout: fixed;
    z-index: 14;   
}

#mxinfshowTB tr {
    border: 1px solid black;   
}

#mxinfshowTB td {
/*    width:9.5%;
*/    
border: 1px solid black;  
}

#putimgDiv {
    display:flex;
   margin:auto;
   width: 80%;
   height: 100px; 
   align-items:center;
   justify-content:center;
   background-color: snow;
}

#recdpanelTb {
top:5px;
}

#recdpanelTb tr {
  /*  border: 1px solid black;*/
}

#recdpanelTb td {
  /*  border: 1px solid black;*/
    width:6.25%;
}

.clicktype {
    height: 90%;
    text-align: center;
    background-color:white;
    border-radius: 7px
}

trno { /*240228*/
    height: 80%;
    text-align: center;
    background-color: lightgreen;
    border-radius: 7px;
    font-size: 14px;
    /*   color:lightgrey*/
    font-weight: 200;
}

.clickad {
    position: relative;
    height: 90%;
    width: 98%;
    text-align: center;
     background-color:lightpink;
    border-radius: 12px;
    font-size: 17px;
    display: inline-block; /*消除不能设置表格内h宽度的办法*/
    /*  color:tomato;*/
    font-weight: bold
}


.hEcls {
    height: 20px;
    width: 20px;
    border-radius: 4px;
    color: white;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.smlcls {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    color: white;
    font-size:18px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}


.choiceId {
    text-align: center;
    background-color: white;
    border-radius: 7px;
    width: 80%;
    display: inline-block; /*消除不能设置表格内h宽度的办法*/
}

.waitingC {
    position: absolute;
    width: 200px;
    height: 40px;
    border-radius: 6px;
    font-size: 16px;
    font-style: italic;
    background-color: rgb(25 24 24 / 0.82);
    color: white;
    left: 100px;
    top: 40%;
    z-index: 20;
    display: none;
}

    .waitingC table {
        position:relative;
        top:8px;
        width: 96%;
        border-collapse: collapse;
        table-layout: fixed;
        padding:10px 0px 0px 0px;
    }


.alertdivC {
    position:absolute;
    width: 76%;  
    left: 12%;
    top: 30%;
    z-index: 22;
    display: block;
    border-radius: 6px;
    background-color: rgb(252 253 253);
    /* background-color: rgb(19 22 25);*/
    box-shadow: 0px 0px 1px 1px gray;
}

#infodvId {
    display: none;
}

.alertbC {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    /* color:white;*/
    font-size: 15px;
}

.touchCls {
    border-radius:4px;
    background-color:lightgrey;
    height:90%;
}

.alertbC img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

#procsManyTb {
    top: 20%;
    width: 90%;
    display: none;    
}

#procsManyTb td{
    text-align:center;
}

    #procsManyTb h1 {
        width: 60%;
        border-radius: 4px;
        background-color: white;
    }

    .alertbC tr {
        /* border: 0.6px solid black;*/
    }


.alertbC td {
    /*  border: 0.6px solid black;*/
}


#mysmlieTb {
    position:absolute;
    left:10px;
    width:96%;
    border-collapse: collapse; /*  去除内连框线*/
    table-layout: fixed; /*解决使用colspan后td 的windth无效问题 */
    text-align: center;
}

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

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

    #mysmlieTb img {
      max-height:50px;
      max-width:50px;
      padding:4px 4px 4px 4px;
    }

    #htmlshowDv {
        position: absolute;
        display: none;
        width: 100%;
        bottom: 0px;
        top: 1%;
        float: left;
        overflow: auto;
        background-color: rgb(221 223 225);
        z-index: 16;
    }

#htmltbId {
    width:98%;
    border-collapse: collapse; /*  去除内连框线*/
    table-layout: fixed; /*解决使用colspan后td 的windth无效问题 */
    text-align:center;
}

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

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

.wxchgvC {
    width:100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    text-align: center;
}
  
    #LinkputId {
        white-space: pre-wrap; /*加入才能换行230905*/
        word-wrap: break-word; /*允许单词在行尾断开*/
        overflow-wrap: break-word; /*同上*/
        word-break: break-all;
        text-align: left;
        font-size: 18px;
    }

.markC {    
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: limegreen;   
    /*  box-shadow: 0px 0px 1px 1px grey;*/
}

.sharebackDv {
    float: right;
    width: 250px;
    background-color: white;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 96% 90%;
    padding: 4px 2px 6px 10px;
}


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


    .sharecntTb tr {
       /* border: 0.6px solid black;*/
    }

    .sharecntTb td {
       /* border: 0.6px solid black;*/
    }


#systemTb {
    position: absolute;
    top: 30px;
    left: 12px;
    width: 95%;
    font-size: 16px;
    border-collapse: collapse;
    table-layout: fixed;   
}


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


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

#crtTxaDv {
    position: absolute;
    display: none;
    width: 100%;
    bottom: 0px;
    top: 1%;
    float: left;    
    background-color:white;
    z-index: 16;
}

#crtTxaTb {
    top:0px;
    left: 5px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: center;
    background-color: rgb(221 223 225);
}

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

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

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

#crtcoverDv {
    position:absolute;
    top:2px;
    float:left;
    width:99%;
    bottom:45px;
    background-color:thistle;
    display:none;
}

#crtcoverTb {
    position:absolute;
    top:70px;
    left:30px;
    width: 82%;
    border-collapse: collapse;
    table-layout: fixed;   
    text-align:center;
}

    #crtcoverTb tr {
        border: 0.6px solid black;
    }

    #crtcoverTb td {
        border: 0.6px solid black;
    }

    #crtsndTb {
        width: 98%;
        border-collapse: collapse;
        table-layout: fixed;
    }

/*#bgfileDv {
    position: absolute;
    top: 2px;
    float: left;
    width: 99%;
    bottom: 45px;
    background-color: thistle;
    display: none;
}*/

#colectfTb {
    position: absolute;
    top: 86px;
    left: 4px;
    width: 96%;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
}


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

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


    .crtenableCs {
    white-space: normal; /*加入才能换行230905*/
    word-wrap: break-word; /*允许单词在行尾断开*/
    overflow-wrap: break-word; /*同上*/
    word-break: break-all;
    text-align: left;
}

.crtbackCs {
    white-space: normal; /*加入才能换行230905*/
    word-wrap: break-word; /*允许单词在行尾断开*/
    overflow-wrap: break-word; /*同上*/
    word-break: break-all;
    text-align: left;
    font-size: 14px;
    font-style:italic;      
}

    .crtbackCs div {
    font-size:14px;
    }


    .mkimgCls {
        width: 12px;
        height: 12px;
        border-radius: 6px;
        box-shadow: 1px 1px 1px 1px darkgray;
    }

.pc0f {
    max-width: 396px;
    max-height: 396px;
    float: left; /* 让图片浮动到左边 */
    margin-right: 15px; /* 图片和文本之间的间隔 */
}
.pc1f {
    max-width: 300px;
    max-height: 300px;
    float: left;
    margin-right: 15px;
}
.pc2f {
    max-width: 250px;
    max-height: 250px;
    float: left;
    margin-right: 15px;
}
.pc3f {
    max-width: 200px;
    max-height: 200px;
    float: left;
    margin-right: 15px;
}
.pc4f {
    max-width: 150px;
    max-height: 150px;
    float: left;
    margin-right: 15px;
}
.pc5f {
    max-width: 100px;
    max-height: 100px;
    float: left;
    margin-right: 15px;
}


.pc0r {
    max-width: 396px;
    max-height: 396px;
    float: right; /* 让图片浮动到左边 */
    margin-right: 15px; /* 图片和文本之间的间隔 */
}

.pc1r {
    max-width: 300px;
    max-height: 300px;
    float: right;
    margin-right: 15px;
}

.pc2r {
    max-width: 250px;
    max-height: 250px;
    float: right;
    margin-right: 15px;
}

.pc3r {
    max-width: 200px;
    max-height: 200px;
    float: right;
    margin-right: 15px;
}

.pc4r {
    max-width: 150px;
    max-height: 150px;
    float: right;
    margin-right: 15px;
}

.pc5r {
    max-width: 100px;
    max-height: 100px;
    float: right;
    margin-right: 15px;
}


.ScrtCs {
    font-size: 20px;
    font-weight: 500;
    color:darkviolet ;
}


.tileH {
    width: 28px;
    height: 26px;
    border-radius: 12px;
    background-color: white;
}


.txaImgH {
    width: 40px;
    height: 26px;
    border-radius: 20px;
    background-color: white;
}

/*定义竖屏 css*/
@media screen and (orientation:portrait) {
    #setWxnoDv {
        width:51vw;
    }
    .setwxDv li {
        font-size: x-large;
        /*margin-bottom: 10px;*/
        padding: 6px 1px 6px 1px;
        width: 100%;        
    }
       
 }