* {margin:0; padding:0; box-sizing:border-box;}
html, body, .left-right {width:100%;height:100%;}
html {font-size:100px;background:#fff;}
body {font-size:0.16rem;color:rgb(16 16 16);}
a, .lv {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.2;}
ol > li {line-height: 2.2; 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 {border:none;}
h1, h2, h3, h4, ol, ul, body > p, body > img, body > video, pre, hr, .left > * {margin-bottom:0.1rem;}
h1, h2, h3, body > p, .left > *, ol, ul {padding:0 0.15rem;}
h1, h2 {background-color:rgb(192 192 192 / 0.15);font-weight: normal;}
h1 {height:0.6rem;line-height:0.58rem;font-size:0.24rem;}
h2 {height:0.5rem;line-height:0.48rem;font-size:0.2rem;}

.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;}
p {word-wrap: break-word; }

/*左右布局*/
.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.7rem 1fr;}
}

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

/* 预设日历的高度 */
.rili {max-width:3rem; min-height:2.05rem;}
.zenggao {height:1rem;}