* {margin:0;padding:0; box-sizing: border-box;}
html, body, .dian, .wenzi {width:100%;height:100%;}
html {font-size:100px;}
body {background: url("bg.webp"); background-repeat: no-repeat; background-size: cover; background-position: left top;}
a {text-decoration:none;color:#0d6;}
a:hover {text-decoration: underline;}

.dian, .wenzi {position:fixed;}
.dian {top:0; left:0; z-index:2;}
.wenzi {z-index:1;font-size:2.4rem; top:50%; margin-top:-2.88rem; left:8%; font-weight: bold; line-height:1.2; color:#8a3200;}

.caozuo {position:fixed; height:100%; overflow-y: auto; top:0; right:0; padding:0.15rem 0.2rem; font-size:0.14rem; z-index:999; background:#333;color:#eee;}
.caozuo > * {margin-bottom:0.08rem;}
.caozuo label,  .caozuo section {display:flex; align-items: center;}
.caozuo section {justify-content: space-between;}
.caozuo section > * {margin-right:0.05rem;}

.caozuo ol, .caozuo ul  {margin-left:0.17rem;}
li {cursor: pointer; line-height:1.5;}

input[type='file'] {width:0.5rem;}
input[type="color"] {flex:1;height:0.24rem;}
input[type="text"], select {padding:0 0.05rem;}
select {margin-right:0.05rem;}
hr {border:none;border-bottom:dashed 1px #ccc;}