.menu{display:none;position:absolute;top:0;left:0;width:100%;z-index:1000}.menu .mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;background-color:#333}.menu .close{position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:26px;color:#fff;border-radius:3px;background-color:#1c4587;cursor:pointer}.menu .menu-tree{position:relative;top:50px;background-color:#0177ff}.menu .menu-tree li{position:relative;color:#fff;height:38px;line-height:38px;border-bottom:1px solid #fff}.menu .menu-tree li a{display:inline-block;color:#fff;padding-left:17px;padding-right:17px}.menu .toggle-wrap{width:200px;position:absolute;top:0;right:12px;text-align:right}.menu .toggle{font-size:24px;line-height:24px;display:inline-block}.menu .toggle.down{transform:rotate(90deg)}.menu .menu-sub{display:none}.menu .menu-sub li{border:none}.menu .menu-sub li a{display:block;padding-left:34px}