* {margin:0;padding:0; box-sizing:border-box;}
html, body {width:100%;height:100%;}
html {font-size:100px;}
body {background:url("/images/beijing_gezi.svg");}
.hunhe, .hunhe img {width:880px; height:586px;}
.hunhe {position:relative;}
.hunhe > * {position:absolute;}
.hunhese {z-index:9;width:100%;height:100%;}

.rouguang {mix-blend-mode:soft-light;background:hsl(0 0% 50%);}
.diejia {mix-blend-mode:overlay;background:hsl(0 0% 50%);}


.yansejiandan {mix-blend-mode:color-dodge;background:hsl(0 0% 0%);}
.yansejiashen {mix-blend-mode:color-burn;background:hsl(0 0% 100%);}
.lvse {mix-blend-mode:screen;background:hsl(0 0% 0%);}
.zhengpiandiedi {mix-blend-mode:multiply;background:hsl(0 0% 100%);}

.hunhe img {z-index:1;}

.caozuo, .caozuo a {color:#ccc;}
.caozuo {position:fixed; width:280px; height:100%; padding:15px; right:0; top:0;background:#333;  font-size:0.14rem; mz-index:999;} 
.caozuo a {text-decoration: none; color:#0d6;}
.caozuo > * {margin-bottom:10px;}
ol, ul {margin-left:0.17rem;}
ol li {margin-bottom:0.05rem;}
ul li {margin-top:0.05rem;}

label, section {display:flex;  align-items: center;}
label span, section span {flex-shrink:0;}
input[type='range'] {min-width: 0;}

input[name='yansejiashen'], input[name='zhengpiandiedi'] {transform: scaleX(-1);}