* {box-sizing:border-box;}
html, body, .left-right {width:100%;height:100%;}
html, body, h1, h2, h3, h4, p, ul, ol, li {margin: 0; padding: 0; font-weight: normal;}
html {font-size:100px;background:#fff;}
body {font-size:0.16rem;color:rgb(16 16 16);}

h1, h2, h3, h4, ol, ul, p, img, video, pre, hr, .left > *, h1 + p, table {margin-bottom:0.1rem;}
h1, h2, h3, body > p, main > p, .left > *:not(button), ol, ul {padding:0 0.15rem;}
h1, h2 {height:0.5rem;line-height:0.48rem;font-size:0.2rem;background-color:rgb(192 192 192 / 0.15);}
p {word-wrap: break-word; }

.lv, a {color:rgb(0 180 150);}
a {text-decoration:none;}
a:hover {text-decoration: underline;}
a:hover, li[data-href]:hover, label:hover {cursor:pointer;}
hr {height: 0;border: 0 dashed rgb(150 150 150 / 0.5); border-bottom-width: 0.01rem;}
li {line-height: 2;}
ol > li {border-bottom:0.01rem dashed rgb(150 150 150 / 0.5);}
body > img, body > video, pre {display:block;}
iframe, .left li {overflow: hidden;}
iframe[name='zhifu'] {width:2.6rem;height:3rem;margin:0.15rem 0.15rem 0.15rem 0;}
body > iframe[name='zhifu'] {margin:0.15rem;}
iframe, .sousuo input, .sousuo button {outline:none;border:none;}

.bg-r, .bg-g, .bg-b, .hengfu {color:#fff;}
span[class='bg-r'], span[class='bg-g'], span[class='bg-b'] {padding:0 0.05rem;margin:0 0.05rem;}
.bg-r {background:rgb(180 0 80);}
.bg-g {background:rgb(0 180 100);}
.bg-b, .hengfu {background:rgb(0 150 240);}
textarea {padding:0.1rem;}
input[type='text'], input[type='button'], button  {padding:0 0.05rem;}
textarea {border:.01rem dashed rgb(150 150 150 / 0.5);}
ol, ul {list-style-position:inside;}
ol {list-style-type: decimal-leading-zero;}


/*左右布局*/
.left-right {display:grid; justify-items: stretch; align-items: stretch;}
.left, .left a {color:rgb(220 220 220);}
.left {overflow-y:auto;background:rgb(30 30 30); padding-bottom:0.3rem;}
.hong, .left li:hover {color:rgb(255 0 100);}
.left li {white-space:nowrap;text-overflow:ellipsis;}

/* 代码 */
pre, code {font-family: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;}
pre {white-space: pre-wrap; background: rgb(248 248 248);}
code {background: none;}

/* 大于720 */
@media screen and (min-width:720px) {
  .left-right {grid-template-columns:2.8rem 1fr;}
}

/* 小于720 */
@media screen and (max-width:719px) {
  .left-right {grid-template-rows:[top] 1fr [top80] 20% [bottom];}
  .left {grid-row: top80 / bottom;}
  .right {grid-row: top / top80;}
}

/* 眨眼 */
.zha {opacity: 0; transition: opacity 0.15s;}

/*搜索*/
.sousuo {display:grid; grid-template-columns:2fr 1fr; align-items: center;}
.sousuo input, .sousuo button {height:0.3rem;outline: none;}
.sousuo input {min-width:0;border:0.01rem solid #f96d00;padding:0 0.1rem;}
.sousuo button {background:#f96d00; color:#fff;line-height: 0.3rem;border:none;}
dialog {max-height: 60%; overflow-y: auto;}

.zenggao {height:1rem;}

/*用于 table*/
table, th, td {border:solid 0.01rem #000;}  
table {border-collapse: collapse; text-align: left; margin-left:0.15rem;}
th, td {padding:0.05rem 0.08rem; }
thead {background-color: #f7f7f7;}
tr:nth-child(even) {background-color: #f9f9f9; }