.avatar{width:40px;height:40px;border-radius:50%;line-height:40px;color:#fff;text-align:center;font-size:17px;font-weight:700;background:#6867f6;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border:1.9px solid #fff}.avatar img{width:100%;border-radius:60%}.user-tab{height:70px;color:#fff;font-size:12px;overflow:hidden}.user-tab .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:900}.user-tab .info{margin-top:15px;margin-left:15px;cursor:pointer}.user-tab .name{margin-left:10px}@media(max-width:992px){.user-tab .name{font-size:12px}}.user-tab-menu{list-style:none;margin-top:100px;z-index:991;border-bottom-left-radius:16px;padding:12px 0;overflow:hidden;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-left:1px solid #fff;border-bottom:1px solid #fff;background:#000}.user-tab-menu li{padding:15px 12px;cursor:pointer;color:#fff;font-weight:700;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:1.8px;text-transform:uppercase;font-size:11px}@media(max-width:1440px){.user-tab-menu li{font-size:9px;min-width:200px}}.user-tab-menu li:hover{color:#6867f6;background:#fff}.user-tab-menu li i{margin-right:5px}.user-tab.close{height:390px}.notify{margin-right:20px}.notify .clear{font-size:.8rem;text-align:center;padding:.8rem 0;color:#5f6d76;letter-spacing:.1rem;font-weight:700}.notify .clear:hover{cursor:pointer;background:#72edf2;color:#fff}.notify-content{background-color:#fff;cursor:pointer;color:#6867f6}.notify .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:900}.notify .ball{margin-top:-45px;margin-right:-5px;float:right;border-radius:50%;font-size:18px;min-width:20px;height:20px;line-height:22px;font-weight:700;text-align:center;color:#303030;background:#fff;border:1.3px solid #6867f6}.notify-content{padding:10px 12px;border-radius:50%}@media(max-width:850px){.notify-content{padding:8px 10px}}.notify-content.active{background:#6867f6;color:#fff}.notify-content.active,.notify .container{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.notify .container{padding-top:14px;border:1.6px solid #ccc;border-bottom:6px solid #ccc;position:absolute;z-index:999;background:#fff;margin-top:12px}.notify .container:focus{border:1.6px solid #6867f6;border-bottom:6px solid #6867f6}@media(max-width:850px){.notify .container{right:0;left:0}}@media(min-width:850px){.notify .container{margin-left:-185px;border-radius:23px}}@media(min-width:850px){.notify .container:before{top:-8px;content:" ";position:absolute;display:block;border:10px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:195px}}.notify .container .tab{border-radius:14px;width:400px;max-height:260px;overflow:auto;color:#6867f6}@media(max-width:850px){.notify .container .tab{width:100%}}.notify .container .tab b{color:#6867f6}.notify .container .tab li{padding:19px;color:#5f6d76;border-bottom:1px solid #eee}.notify .container .tab li.clickable:hover{cursor:pointer;background:#fafafa}.notify .container .tab li.new{background-color:#e1fffb}.header{height:70px;background:#26303b}@media(max-width:850px){.header{height:82px}}.header .logo{width:163px;height:33px;margin-left:35px;display:none}.header .logo-icon{width:45px;margin:auto}.header .menu{list-style:none;color:#fff;font-size:14px;font-weight:700}.header .menu>li{margin-right:25px;padding:25px 0}@media(min-width:1440px){.header .menu>li{margin-right:50px}}.header .menu>li a{padding:25px 0;color:#fff}.header .menu>li:hover{border-bottom:5px solid #6867f6;cursor:pointer}.header .menu>li:hover ul{display:block}.header .menu>li ul{display:none;list-style:none;position:absolute;background:#1b232b;margin-top:45px;margin-left:-25px;padding:10px 0}.header .menu>li ul li{padding:15px 25px;text-transform:uppercase}.header .menu>li ul li:hover{color:#72edf2}.header .menu .arrow-down{margin-left:10px;font-size:12px;color:#fff}.header .menu .active{border-bottom:5px solid #fff}.header .menu-mobile{color:#fff;font-size:30px;display:none;cursor:pointer}.header .menu-mobile button{margin:15% auto;width:45px;height:45px;position:relative;display:block;width:18px;height:2px;background:#fff;border-radius:3px;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.header .menu-mobile button:before{top:-10px}.header .menu-mobile button:after,.header .menu-mobile button:before{content:"";display:block;position:absolute;width:18px;height:2px;left:0;background:#fff;border-radius:3px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.header .menu-mobile button:after{top:10px}.header .menu-mobile button.close{left:5px;position:relative;display:block;width:0;height:0;background:transparent;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.header .menu-mobile button.close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .menu-mobile button.close:after,.header .menu-mobile button.close:before{content:"";display:block;position:absolute;width:18px;height:2px;top:0;background:#fff;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.header .menu-mobile button.close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header .menu-mobile i{margin-left:20px}.header .menu-mobile .menu{background:#26303b;width:100%;position:absolute;top:-100%;z-index:990;font-size:1rem;padding:31px 0;font-weight:300}@media(min-width:440px){.header .menu-mobile .menu{width:100%}}.header .menu-mobile .menu li{padding:1rem 31px}.header .menu-mobile .menu.opened{top:80px}