* { font-family: "Microsoft Yahei",Arial, "Helvetica Neue", Helvetica, sans-serif; }
body { margin: 0; padding: 0; font-size: 14px; max-width: 1920px; }
.cl { clear: both; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.map { margin-bottom: 30px; }
.map .npcmap { position: absolute; top: 0; left: 0;}
.zuobiao { position: fixed; top: 20px; right: 20px; background: rgba(0,0,0,0.5); color: #fff; font-size: 12px; padding: 20px; line-height: 1; }
.zuobiao p { margin: 0; padding: 0; margin-bottom: 5px; }
.map .npcmap .npc { color: #fff; font-size: 12px; min-width: 10px; min-height: 10px; border-radius: 999px; background: #2a2; border: 1px solid  #000; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);cursor: pointer; }
.map .npcmap .npc p { margin: 0; line-height: 1; padding: 0; display: none;}
.map .npcmap .npc.active { background: #f00; }
.map .npcmap .npc:hover,.map .npcmap.all .npc { background: rgba(0,0,0,0.5); border-radius: 0;z-index: 1000;  }
.map .npcmap .npc:hover p,.map .npcmap.all .npc p { display: block;padding: 2px 5px; }

.fixbottom { position: fixed;bottom: 0; left: 0; background: #333; color: #fff; z-index: 99; width: 100%;}
.fixbottom ul { margin: 0; padding: 0; list-style: none; }
.fixbottom ul li{ margin: 0; padding: 0; float: left; }
.fixbottom ul li a { line-height: 30px; padding: 0 10px; text-decoration: none; color: #fff; font-size: 12px;}
.temp { position:absolute; background: #333;border: 1px solid #000;color: #fff;padding: 20px; font-size: 12px;box-shadow: 10px 10px 5px rgba(0,0,0,0.3); width: 200px; }
.temp .close { position:absolute; background: #a22; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; top: -10px; right: -10px;}
.temp ul { padding: 0 0 0 10px; }

.tasklist { position: fixed; top: 20px; left: 20px; width: 200px; max-height: 75%; background: rgba(0,0,0,0.5); color: #fff; overflow-y: scroll; padding: 10px; font-size: 12px;display: none; }
.tasklist.active { display: block; }
.tasklist ul li { margin: 5px 0; cursor: pointer; }