html,body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{display:none}.font-lato{font-family:'Lato',sans-serif}nav{position:fixed;top:0;width:100%;z-index:1000;background-color:rgba(28,28,28,0.3);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}nav>.navbar{width:1280px;margin:0 auto}nav>.navbar>.logo{float:left;width:160px;height:100%;padding:15px 18px;cursor:pointer;margin-right:82px}nav>.navbar>.logo img{float:left;width:124px;height:38px}nav>.navbar>a{float:left;display:block;color:#f2f2f2;text-align:center;padding:20px 16px;text-decoration:none;font-size:14px;line-height:28px;min-width:100px;border-bottom:2px solid rgba(0,0,0,0);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}nav>.navbar>a:hover{color:#ff5a00;border-bottom-color:#ff5a00}nav>.navbar>a.active{color:#ff5a00;font-weight:bold}nav>.navbar>.notification{float:right;position:relative}nav>.navbar>.notification a{font-size:16px;display:block;color:#f2f2f2;text-align:center;padding:20px 16px;text-decoration:none;font-size:14px;line-height:28px;width:48px;border-bottom:2px solid rgba(0,0,0,0);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}nav>.navbar>.notification a:hover{color:#ff5a00;border-bottom-color:#ff5a00}nav>.navbar>.notification a .anticon-bell{font-size:16px}nav>.navbar>.notification a .badge{position:absolute;padding:0 8px;height:20px;border-radius:10px;min-width:20px;background:#f5222d;color:#fff;line-height:20px;text-align:center;font-size:12px;white-space:nowrap;top:14px;left:24px}nav>.navbar>.user-info{float:right;position:relative;min-width:113px;margin-left:16px}nav>.navbar>.user-info.not-login{margin-top:20px}nav>.navbar>.user-info>a.sign-in,nav>.navbar>.user-info>a.sign-up{color:#f2f2f2;font-size:16px;text-decoration:none;line-height:28px;width:60px}nav>.navbar>.user-info>.divider{width:3px;background:#ff5a00;display:inline-block;height:14px;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);margin:0 8px}nav>.navbar>.user-info .avatar{width:36px;height:36px;border-radius:18px;position:absolute;top:16px;left:0px}nav>.navbar>.user-info .dropdown{position:relative;display:inline-block;cursor:pointer;left:20px}nav>.navbar>.user-info .dropdown:hover .dropdown-content{opacity:1;top:70px}nav>.navbar>.user-info .dropdown .dropbtn{width:96px;height:69px;color:white;padding:16px;font-size:14px;border:none;line-height:37px}nav>.navbar>.user-info .dropdown .dropbtn span{width:56px;margin:0 5px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display:inline-block;text-align:center}nav>.navbar>.user-info .dropdown .dropbtn .anticon-down{position:absolute;top:30px;right:3px;font-size:12px;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg)}nav>.navbar>.user-info .dropdown .dropdown-content{opacity:0;background-color:#fff;border-radius:4px;padding:5px 12px;white-space:nowrap;font-size:14px;min-width:113px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.15);box-shadow:0 2px 8px rgba(0,0,0,0.15);position:absolute;z-index:1;top:67px;right:5px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}nav>.navbar>.user-info .dropdown .dropdown-content a{display:block;color:rgba(0,0,0,0.65);line-height:22px;text-decoration:none}nav.dark{background-color:#1c1c1c;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);box-shadow:0 0 4px 0 rgba(0,0,0,0.2)}nav.dark>.navbar>.logo{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}