#info-layout{display:block;position:fixed;top:0;right:0;width:30px;height:30px;z-index:20001;}
#info-layout span{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;color:#fff;background:#009900;border:1px solid #fff;text-align:center;z-index:20002;font-weight:800;cursor:pointer;}
#info-layout > div{display:none;position:absolute;top:0;right:0;background:#009900;white-space:nowrap;padding:30px;z-index:20000;cursor:pointer;text-align:left;color:#fff;}
#info-layout.active > div{display:block;}

.info-module{position:relative;}
.info-module .info-module-info{display:block;position:absolute;top:0;left:0;width:30px;height:30px;line-height:30px;color:#fff;border:1px solid #fff;background:#990000;text-align:center;z-index:20002;font-weight:800;cursor:pointer;}
.info-module .info-module-detail{display:none;position:absolute;top:0;left:0;background:#990000;color:#fff;white-space:nowrap;padding:30px;z-index:20001;cursor:pointer;text-align:left;}
.info-module > .active > .info-module-detail{display:block;}
.info-module > .active > .info-module-wrapper{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,0,0,.2);z-index:20000;}