.filter{width: 21%; height: 100vh; box-shadow: 7px 0px 7px -7px #0aafe6; position: fixed; left: 0; top: 0; background-color: #000e12;}
.filter ul,.filter ul a{color:#fff;font-size:1.2em}
.filter ul li{margin-bottom:20px}
.reset{width: 70px; line-height: 70px; border-radius: 50%; text-align: center; position: fixed; left: 50px; bottom: 100px; z-index: 999999999; background-color: #0aafe6; box-shadow: 0 0 15px #0aafe6;}
.reset a{display: inline-block; width: 100%; height: 100%; color: #fff; text-decoration: none;}
.warn{width:78%; position:fixed; top:0; right:0; box-sizing:border-box; padding:10px 20px; background-color:#333; color:#fff; text-align:center}
.warn b{color:red}
.warn span{color:#0aafe6; padding:0 15px}

.r{width: 80%; margin-left: 20%;}

.caseB{border-bottom: 1px dotted #ddd; color: #fff; padding:10px 0 0 5%;}
.caseB a{display: inline-block; padding: 10px 20px; color: #fff; text-decoration: none;}
.caseB a.changefieldandcss{color: #0aafe6; text-decoration: none; font-weight: bold;}

.consult{display: flex; flex-wrap: wrap; justify-content: space-around; padding: 80px 0 30px; gap:10px}
.consult .item{width: 400px; height: auto; margin-bottom: 30px; box-shadow: 0 0 5px #333; border-radius: 10px; overflow: hidden;}
.consult .item:hover{box-shadow: 0 0 5px #0aafe6;}

.pages{padding:0 0 50px 50px;}
.pages a{display:inline-block; padding:0 10px}

/*svg iframe list*/
.svg .consult .item{width:100px; box-shadow:none;text-align:center}
.svg .consult .item:hover{box-shadow: 0 0 5px #0aafe6;}
#iframeContainer {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 600px;
      height: 400px;
      background-color: #fff;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    }
#iframeContainer button{position:absolute;right:-14px;top:-10px;cursor:pointer}
#iframeContainer iframe{width:100%;height:100%;border:none;background-color:#f5f5f5}