.AppMask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:103;display:none}
.AppSidebar{position:fixed;top:0;right:-200px;width:200px;height:100%;background:#262626;z-index:1100;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;overflow-y:auto}
.AppSidebar .AppSidebar-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-direction:row;padding:10px 10px 2px;}
.AppSidebar .usericon{width:32px;}
.AppSidebar .usericon img{width:32px;height:32px;border-radius: 30px;}
.AppSidebar .userinfo{flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;flex-direction:column;align-items:center;margin-left:10px;margin-top:-5px;}
.AppSidebar .username{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;flex-direction:row;align-items:center;justify-content:space-between;width:100%;}
.AppSidebar .money{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;flex-direction:row;align-items:center;width:100%;margin-top:-6px;}
.AppSidebar .balance{font-size:12px;color:#fff}
.AppSidebar .refresh-icon{margin-left:5px}
.AppSidebar .refresh-icon svg{color:#fff;font-size:16px}
.AppSidebar .close-icon{color:#fff}
.AppSidebar .userinfo .am-icon-close{font-size:10px}
.AppSidebar .name{color:#fff;font-size:12px}
.AppSidebar-quickbtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;flex-direction:row;justify-content:space-between;align-items:center;height:25px;line-height:25px;font-size:14px;padding:0 10px;margin-bottom:8px}
.AppSidebar-quickbtn a{width:25%}
.AppSidebar-quickbtn a.AppHeader-yellow{}
.AppSidebar-quickbtn a.AppHeader-white{width:40%;margin-right:0}
.AppSidebar-userlink{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;margin-bottom:5px}
.AppSidebar-userlink a{width:50%;background:#323232;color:#fff;padding:8px 0;border:1px solid #262626;font-size:14px;text-align:center}
.AppSidebar-nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#fff;background:#323232;padding:10px}
.AppSidebar-nav .navgroup{margin-bottom:5px}
.AppSidebar-nav .icons{margin-right:10px}
.AppSidebar-nav .icons svg{font-size:20px}
.AppSidebar-nav .txt{flex:1}
.AppSidebar-nav .txt em{font-style:normal;font-size:12px;color:red;animation:light 2s;animation-iteration-count:infinite}
@keyframes light{0%{color:red}
24%{color:red}
25%{color:yellow}
49%{color:yellow}
50%{color:red}
74%{color:red}
75%{color:yellow}
99%{color:yellow}
100%{color:red}}
.AppSidebar-nav .go-icon{width:16px}
.AppHeader-white{background:#fff;color:#ed1818;border-radius:5px;margin-right:10px;text-align:center;padding:0 5px}
.AppHeader-green{background:#5ebe42;color:#fff;border-radius:5px;text-align:center;padding:0 5px}
.AppHeader-yellow{background:#fbd757;color:#784917;border-radius:5px;padding:0 5px;text-align:center}
.AppHeader
{width:100%;height:48px;background:#da3a3f;min-width:100%;position:relative;}
.AppHeader-inner
{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:44px;line-height:44px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.AppHeader-inner a{
	margin-left:10px;
	padding-top:2px;
}
.AppHeader-actions
{display:-webkit-box;display:-ms-flexbox;display:flex;height:25px;line-height:25px;font-size:14px;margin-right:10px}
.my-icon{color:#fff;font-size:24px;margin-top:2px;}