/* .tb {
	margin: 0px;
}

.tb > thead > tr > th,
.tb > tbody > tr > th,
.tb > tfoot > tr > th,
.tb > thead > tr > td,
.tb > tbody > tr > td,
.tb > tfoot > tr > td {
  white-space:nowrap;
  overflow: hidden;
  padding:10px;
  border:1px solid #fcfcfc;
  box-sizing: border-box;
  height:30px;
  max-width:200px;
  overflow-x: hidden;
  
} */
.sbtd{
  white-space:nowrap;
  overflow: hidden;
  padding:0 10px;
  border:1px solid #fcfcfc;
  box-sizing: border-box;
  height:30px;
  line-height:30px;
  /* max-width:200px; */
  overflow-x: hidden;
}


.p_wenzhang{
	line-height: 180%;
    text-indent: 2em;
    font-size: 14px;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.p_wenzhang_img{
	text-align: center;
	line-height: 150%;
    text-indent: 2em;
    font-size: 14px;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.iamge_wenzhang{
	width: 600px;
}

.pointer{
	cursor: pointer;
}

.btnpadding{padding: 5px 20px;}

.juzhong{width:90%;left:5%;}

.mui-popover {
  height: 300px;
}

.headcss{color:#fff}
.headcss a{color:#fff;line-height: 30px!important}

input{
  autocomplete:"off";
}

.iptfc{
  height: 35px;border-radius: 5px;width: 200px;display: inline;
}
.ttl{
  border-left: #3aa6ff 10px solid;padding-left: 15px;
}

a[href]:after{content:normal;}

.hrz{
  display: inline;
}
.hrz2{
  display:inline-block;vertical-align: top; /* 这是关键 */
}
.hrzline{
  display:inline-block;
}
.mglr{
  margin-left:15px;margin-right:15px;
}
.fwb{
  font-weight: bold;
}
.fwbr{
  font-weight: bolder;
}
.bkgrd0007{
  background-color:rgba(0,0,0,0.7);
}
.bkgrd0003{
  background-color:rgba(0,0,0,0.3);
}
.tdn{
  text-decoration: none;
}
.par20{
  position: absolute;right:20px
}
.pdlr{
  padding-left:15px;padding-right: 15px;
}
.txt{
  font-size: 16px;padding:3px 5px;border-radius: 3px;color:#fff;background-color: #031c2f;
}
.ftsz13{
  font-size: 13px;
}
.ftsz13p{
  font-size: 13px;color:black;
}
.ftsz13p:hover{
  color:steelblue;font-weight: bolder;
}
.mg10{
  margin:10px;
}
.mglft20{
  margin-left:20px;
}
.mglr5{
  margin-left: 5px;margin-right: 5px;
}
.mgtb5{
  margin-top: 5px;margin-bottom: 5px;
}
.mgtb15{
  margin-top: 15px;margin-bottom: 15px;
}
.splt{
  border-bottom:1px solid #efefef;margin:10px
}
.msk{
  background-color: #000;opacity: 0.7;width: 100%;height: 100%;position:fixed;z-index: 200;top:0;left:0
}
.ipt{
  height: 30px;width: 300px;border-radius: 5px;display: inline;
}
.popbg{
  position: fixed;z-index:10000;width:900px;min-height:300px;left:50%;margin-left:-450px;top:50px;background-color: #fff;color:#444;overflow: scroll;padding:80px 20px
}
.x{
  height:40px;width:40px;border:2px solid #3aa6ff;border-radius: 20px;color:#3aa6ff;font-size: 35px;text-align: center;position: absolute;right: 10px;top:10px;line-height: 36px;cursor: pointer;
}
.popbg-sm{
  position: fixed;z-index:10000;width:400px;min-height:200px;left:50%;margin-left:-200px;top:50px;background-color: #fff;color:#444;padding:80px 20px;border-radius: 5px;
}
.pad{
  height: 60px;
}
.ft{
  height:60px;line-height:60px;background-color: #3aa6ff;color:#fff;position:fixed;bottom:0px;left:0px;width:100%;font-size: 20px;font-weight: bold;padding-left:30px;z-index: 100;
}
.hd{
  height:60px;line-height:60px;background-color: #3aa6ff;color:#fff;position:fixed;top:0px;left:0px;width:100%;font-size: 20px;font-weight: bold;padding-left:30px;z-index: 100;
}
a{ outline: none; }
a:hover,a:focus{ outline: none;text-decoration: none; }
.cspnt{
  cursor: pointer;
}
.pnl{
  margin:5px;padding:10px;border-radius: 5px;
}
.ipt2{
  border-radius: 5px;padding:5px;height:35px;border:1px solid #ccc;
}
.ipt3{
  border-radius: 5px;padding:5px;height:35px;border:1px solid #ccc;width:100%;
}
.slct2{
  border-radius: 5px;padding:5px;height:35px;border:1px solid #ccc;
}
.txtar3{
  border-radius: 5px;padding:5px;height:200px;width:100%;border:1px solid #ccc;
}
.pnt{
  cursor: pointer;
}
.masklayer{
  background-color: rgba(0, 0, 0, 0.9);position: fixed;z-index:4;top:0;left:0;width: 100%;height:100%
}
.br10{
  border-radius: 10;
}
  
.fs14{
  font-size:14
}
.fs15{
  font-size:14
}
.fb20{
  font-size: 20px;font-weight: bold;
}
.fltcard{
  position:fixed;z-index:2001;top:50px;width:700px;height:600px;left:50%;margin-left:-350px;background-color: white;border-radius: 5px;padding:10px;overflow: auto;
}
.fltcard .context{
  height:520px;overflow-y:auto;margin-top:60px;
}
.fltcard .btnclose{
  position:absolute;top:20px;right:20px;font-size: 20px;color:white;cursor:pointer;background-color: dodgerblue;width:30px;height: 30px;border-radius: 15px;text-align: center;line-height: 30px;
  
}
.fltcard .title{
  position:absolute;top:20px;left:20px;font-size: 20px;color:#444;cursor:pointer;border-left: dodgerblue 10px solid;font-weight: bolder;padding-left:10px;
}
.btnclose{
  position:absolute;top:20px;right:20px;font-size: 20px;color:white;cursor:pointer;background-color: dodgerblue;width:30px;height: 30px;border-radius: 15px;text-align: center;line-height: 30px;
  
}
.card{
  border-radius:5px;padding:10px;margin:10px 0;
}
.nchs{
  border-radius:5px;padding:5px;margin:5px;border:1px solid #3aa6ff;color:#3aa6ff;cursor: pointer;
}
.chs{
  border-radius:5px;padding:5px;margin:5px;border:1px solid #3aa6ff;background-color: #3aa6ff;color: white;cursor: pointer;
}
.shadow{
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); /* 阴影效果 */
}
.tdnowrap td,.tdnowrap th{
  white-space: nowrap;
}
.ccl{
  height:50px;width:50px;border-radius:50%;line-height: 50px;text-align: center;background-color: #ccc;
}

.loader {
  border: 20px solid #f3f3f3;
  border-top: 20px solid #3498db;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  animation: spin 2s linear infinite;
  background-color: rgba(0, 0, 0, 0.4);
}

.spinner {
  width: 50%;
  padding-bottom: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.fix1{
  position:fixed;z-index:1;
}
.fix2{
  position:fixed;z-index:2;
}
.fix3{
  position:fixed;z-index:3;
}
.fix4{
  position:fixed;z-index:4;
}
.fix5{
  position:fixed;z-index:5;
}
.abs1{
  position:absolute;z-index:1;
}
.abs2{
  position:absolute;z-index:2;
}
.abs3{
  position:absolute;z-index:3;
}
.round{
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
}
.bdrdu5{
  border-radius: 5px;
}
.clwt{
  color:white;
}
.txtct{
  text-align: center;
}
.outline{
  outline: 1px solid grey; 
  outline-offset: 2px;   
}
.bkgrdfff7{
  background-color: rgba(255, 255, 255, 0.7);
}
.bkgrdfff3{
  background-color: rgba(255, 255, 255, 0.3);
}
.mg0{
  margin:0px;
}
.pd0{
  padding:0px;
}
.pd10{
  padding:10px;
}
.br50p{
  border-radius: 50%;
}
.pngshadow{ filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); }

.txtotl{
  text-shadow: 
        1px 1px 0 #444,    /* 右下 */
        -1px 1px 0 #444,   /* 左下 */
        1px -1px 0 #444,   /* 右上 */
        -1px -1px 0 #444;  /* 左上 */  
}

.t0l0{
  top:0px;left:0px;
}

.w100h100{
  width:100%;height:100%;
}

@keyframes fadeOutMask {
  from {
      opacity: 1; /* 起始透明度，可以调整 */
  }
  to {
      opacity: 0;   /* 结束透明度 */
  }
}
.wake{
  background-color: black;animation: fadeOutMask 3s ease-out forwards;
}