/* fallback */

@font-face {

  font-family: 'Material Icons';

  font-style: normal;

  font-weight: 400;

  src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');

}

.material-icons {

  font-family: 'Material Icons';

  font-weight: normal;

  font-style: normal;

  font-size: 24px;

  line-height: 1;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  white-space: nowrap;

  word-wrap: normal;

  direction: ltr;

  -webkit-font-feature-settings: 'liga';

  -webkit-font-smoothing: antialiased;

}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}

audio,canvas,video{display:inline-block;}

audio:not([controls]){display:none;height:0;}

[hidden]{display:none;}

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}

body{margin:0;}

a:focus{outline:thin dotted;}

a:active,a:hover{outline:0;}

h1{font-size:2em;margin:0 0;}

abbr[title]{border-bottom:1px dotted;}

b,strong{font-weight:bold;}

dfn{font-style:italic;}

hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}

mark{background:#ff0;color:#000;}

code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}

pre{white-space:pre-wrap;}

q{quotes:"\201C" "\201D" "\2018" "\2019";}

small{font-size:80%;}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}

sup{top:-0.5em;}

sub{bottom:-0.25em;}

img{border:0;}

svg:not(:root){overflow:hidden;}

figure{margin:0;}

fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}

legend{border:0;padding:0;}

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}

button,input{line-height:normal;}

button,select{text-transform:none;}

button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}

button[disabled],html input[disabled]{cursor:default;}

input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}

input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

textarea{overflow:auto;vertical-align:top;}

table{border-collapse:collapse;border-spacing:0;}

body, html{font-size: 0;padding: 0;margin: 0;}

/* Reset*/

*,*:after,*:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/*/.clearfix:before,

.clearfix:after{content: " ";display: table;}

.clearfix:after{clear: both;}

body{font-weight: 500;font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}

a{color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}

a:hover,a:focus{color:#74777b;text-decoration: none;}

.sidenav{background:#212121;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:256px;z-index:10000;}

.sidenav.show{transform:translate(0,0)}

.sidenav-brand{background:#FF5722;border-bottom:1px solid #FF7043;color:#FAFAFA;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px}

.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}

.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}

.sidenav-header small{display:block;font-size:14.4px;line-height:16px}

.sidenav-menu{list-style:none;margin:0;padding:0}

.sidenav-menu li{display:block;position:relative}

.sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none}

.sidenav-menu a:hover{background:#616161}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}

.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}

.sidenav-link-icon{display:block;height:24px;left:24px;width:24px}

.sidenav-link-title{display:block;padding:0 16px 0 40px}

.sidenav-dropdown{display:none;list-style:none;padding:0}

.sidenav-dropdown a{background:#191919;padding-left:72px}

.sidenav-dropdown a:hover{background:#616161}

.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}

.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}

.sidenav-dropdown-icon.show{display:block}

.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}

.sidenav-no-scroll{overflow:hidden!important}

.toggle{position: absolute;top: 15px; right: 15px;z-index: 999;display: block; width:30px; height:30px; color:#fff; line-height:30px; text-align: center;}

.user-avatar{width: 100%; text-align: center;}

.toggle:hover, .toggle:focus{ color:#eee;}

.avatar-img{width:80px; height:80px; /*border:5px solid rgba(255,255,255,0.9);*/ border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; display:inline-block;}