@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);@font-face{font-family:'iconfont';src:url(../font/iconfont.eot?82934119);src:url(../font/iconfont.eot?82934119#iefix) format("embedded-opentype"),url(../font/iconfont.woff2?82934119) format("woff2"),url(../font/iconfont.woff?82934119) format("woff"),url(../font/iconfont.ttf?82934119) format("truetype"),url(../font/iconfont.svg?82934119#iconfont) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:"iconfont";font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dot-3:before{content:'\e800'}.icon-minus:before{content:'\e801'}.icon-camera:before{content:'\e802'}.icon-calendar:before{content:'\e803'}.icon-briefcase:before{content:'\e804'}.icon-up-open:before{content:'\e805'}.icon-edit:before{content:'\e806'}.icon-grid:before{content:'\e807'}.icon-heart:before{content:'\e808'}.icon-down-open:before{content:'\e809'}.icon-message:before{content:'\e80a'}.icon-notification:before{content:'\e80c'}.icon-plus:before{content:'\e80d'}.icon-search:before{content:'\e80e'}.icon-share:before{content:'\e810'}.icon-thumbs-up:before{content:'\e811'}.icon-users:before{content:'\e812'}.icon-video:before{content:'\e813'}.icon-send:before{content:'\e818'}.icon-home:before{content:'\e81a'}.icon-hash:before{content:'\e80b'}:root{--color: #006699}*{padding:0;margin:0;list-style:none;border:0;text-decoration:none;box-sizing:border-box;font-family:'Roboto',sans-serif}:focus{outline:0}body{background-color:#f5f6f8}.container{width:1140px;margin:0 auto}.header{background-color:#fff;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header .container,.header .container .search i{height:56px;display:flex;align-items:center}.header .container .search{margin-left:18px;position:relative}.header .container .search i{position:absolute;top:0;left:0;height:32px;width:44px;justify-content:center;color:#aaa}.header .container .search input{height:32px;width:100%;border-radius:4px;background-color:rgba(222,222,222,.32);font-size:14px;padding:0 15px 0 44px}.header .container .search input::-moz-placeholder, main .container .content .create-post textarea::-moz-placeholder{color:#aaa}.header .container .search input:-ms-input-placeholder, main .container .content .create-post textarea:-ms-input-placeholder{color:#aaa}.header .container .search input::placeholder,main .container .content .create-post textarea::placeholder{color:#aaa}.header .container .menu{margin:0 auto}.header .container .menu ul,main .container{display:flex}.header .container .menu ul li a{display:flex;align-items:center;justify-content:center;margin:0 13px;color:#aaa}.header .container .menu ul li a i{font-size:20px}.header .container .menu ul li a span,main .container .content .create-post .actions li label input,main .container .content .post .post-comment-form .textarea label input{display:none}.header .container .menu ul li a:hover,.header .container .menu ul li.active a,main .container .sidebar .widget h6 .more-btn:hover{color:var(--color)}.header .container .menu ul li.active a i{margin-right:5px}.header .container .menu ul li.active a span{display:block}.header .container .user-menu>a{display:flex;align-items:center}.header .container .user-menu>a .detail{display:flex;flex-direction:column;text-align:right;margin-right:6px}.header .container .user-menu>a .detail .name{font-size:12px;color:#17272f}.header .container .user-menu>a .detail .status{font-size:10px}.header .container .user-menu>a .detail .status.online,main .container .content .create-post .actions li a i.icon-camera,main .container .content .create-post .actions li label i.icon-camera{color:#31b057}.header .container .user-menu>a .detail .status.offline{color:#b03131}.header .container .user-menu>a img{width:24px;height:24px;min-width:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.header .container .user-menu>a i{color:#a7b4cc;font-size:12px;margin-left:5px}main .container .sidebar{min-width:270px;width:270px}main .container .sidebar .widget{margin-bottom:16px;background-color:#fff;border-radius:6px;padding:15px}main .container .sidebar .widget .widget-button{display:flex;height:40px;align-items:center;justify-content:center;text-align:center;border-radius:6px;font-size:14px;font-weight:500;color:var(--color);transition:300ms background-color,300ms color}main .container .sidebar .widget .widget-button:hover{background:var(--color);color:#fff}main .container .sidebar .widget h6{font-weight:500;color:#17272f;padding-bottom:8px;border-bottom:1px solid #edf0f5;margin-bottom:8px;align-items:center}main .container .sidebar .widget h6 .description{display:block;font-size:10px;color:#aaa;font-weight:400;margin-top:4px}main .container .sidebar .widget h6 .more-btn{color:#aaa;font-size:16px;align-self:flex-start}main .container .sidebar .widget h6 .dropdown a{display:flex;align-items:center;font-size:14px;color:#31b057;font-weight:400}main .container .sidebar .widget h6 .dropdown a i{font-size:10px;color:#aaa;margin-left:5px}main .container .sidebar .widget-stats{padding:8px}main .container .sidebar .widget-stats .stat-user{text-align:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #edf0f5}main .container .sidebar .widget-stats .stat-user .cover{height:43px;background:url(../img/cover-bg.png) no-repeat center center;background-size:cover;border-radius:4px}main .container .sidebar .widget-stats .stat-user .avatar{text-align:center;margin-top:-26px;margin-bottom:10px}main .container .sidebar .widget-stats .stat-user .avatar img{width:52px;height:52px;border-radius:50%;display:block;margin:0 auto;border:2px solid #fff}main .container .sidebar .widget-stats .stat-user .name{font-size:16px;font-weight:500;color:#17272f}main .container .sidebar .widget-stats .stat-user .job-title{font-size:14px;color:#aaa;margin-top:4px}main .container .sidebar .widget-stats ul{padding:0 7px 11px}main .container .sidebar .widget h6,main .container .sidebar .widget-stats ul li{display:flex;justify-content:space-between;font-size:14px}main .container .sidebar .widget-stats ul li .key{color:#17272f}main .container .sidebar .widget-stats ul li .value{color:var(--color);font-weight:500}main .container .sidebar .widget-stats ul li:not(:last-child){margin-bottom:16px}main .container .sidebar .widget-newest ul{padding-bottom:30px}main .container .sidebar .widget-newest ul:last-child{padding-bottom:0}main .container .sidebar .widget-newest ul li a{display:flex;align-items:center;font-size:12px;color:var(--color);padding:4px 0}main .container .sidebar .widget-newest ul li a:hover{color:#222}main .container .sidebar .widget-newest ul li a i{width:21px;font-size:11px}main .container .sidebar .widget-newest ul li a i.icon-hash{font-size:12px}main .container .sidebar .widget-btn{height:50px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#17272f;font-size:i;font-size-color:var(--color)}main .container .sidebar .widget-btn.more{height:56px;justify-content:center;font-weight:500;font-size:14px;color:var(--color);transition:300ms background-color,300ms color}main .container .sidebar .widget-btn.more:hover{background:var(--color);color:#fff}main .container .sidebar .widget-recommendation ul li{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}main .container .sidebar .widget-recommendation ul li a:first-child{display:flex;align-items:center}main .container .sidebar .widget-recommendation ul li a:first-child .image{min-width:24px;margin-right:8px;display:flex;align-items:center;justify-content:center}main .container .sidebar .widget-recommendation ul li a:first-child .image img{max-width:100%}main .container .sidebar .widget-recommendation ul li a:first-child .detail{display:flex;flex-direction:column}main .container .sidebar .widget-recommendation ul li a:first-child .detail .name{font-size:14px;color:#17272f;font-weight:500}main .container .sidebar .widget-recommendation ul li a:first-child .detail .alt-name{font-size:12px;color:#aaa;padding-top:3px}main .container .sidebar .widget-recommendation ul li a:last-child{min-width:24px;width:24px;height:24px;border:1px solid var(--color);color:var(--color);border-radius:4px;font-size:13px;display:grid;place-items:center;transition:300ms background-color,300ms color}main .container .sidebar .widget-recommendation ul li a:last-child:hover{background:var(--color);color:#fff}main .container .sidebar .widget-marketing{padding:20px 16px 10px}main .container .sidebar .widget-marketing .get-updates .avatars{display:flex;align-items:center;justify-content:space-between;padding:14px 30px 0}main .container .sidebar .widget-marketing .get-updates .avatars a img{border-radius:50%;width:72px;height:72px}main .container .sidebar .widget-marketing .get-updates p{margin-top:18px;font-size:14px;color:#17272f;line-height:20px;margin-bottom:10px}main .container .sidebar .widget-marketing .get-updates p span{font-weight:500}main .container .sidebar .footer{padding-top:38px;position:-webkit-sticky;position:sticky;top:50px}main .container .sidebar .footer nav{display:flex;flex-wrap:wrap;border-bottom:1px solid #dedede;margin-bottom:12px}main .container .sidebar .footer nav a{font-size:10px;color:#aaa;margin-right:15px;margin-bottom:16px}main .container .sidebar .footer .copyright{display:flex;align-items:center;font-size:10px;color:#aaa;justify-content:space-between}main .container .sidebar .footer .copyright img{height:12px}main .container .content{flex:1;margin:0 30px}main .container .content .create-post{background-color:#fff;padding:16px 16px 10px;border-radius:6px;margin-bottom:20px}main .container .content .create-post textarea{width:100%;resize:none;height:60px;font-size:14px}main .container .content .create-post .actions{border-top:1px solid #edf0f5;display:flex;padding-top:8px}main .container .content .create-post .actions li{flex:auto}main .container .content .create-post .actions li label{cursor:pointer}main .container .content .create-post .actions li a,main .container .content .create-post .actions li label{display:flex;align-items:center;justify-content:center;color:#17272f;font-size:14px;padding:7px 0;border-radius:4px}main .container .content .create-post .actions li a:hover,main .container .content .create-post .actions li label:hover{background:#f7f7f7}main .container .content .create-post .actions li a i,main .container .content .create-post .actions li label i{margin-right:8px;font-size:16px}main .container .content .create-post .actions li a i.icon-video,main .container .content .create-post .actions li label i.icon-video{color:#388bf2;font-size:13px;margin-right:12px}main .container .content .create-post .actions li a i.icon-calendar,main .container .content .create-post .actions li label i.icon-calendar{color:#fc8338}main .container .content .create-post .actions li a i.icon-edit,main .container .content .create-post .actions li label i.icon-edit,main .container .content .post .post-alt-detail i.icon-heart{color:#e52a34}main .container .content .filter-box{margin-bottom:14px;height:42px;display:flex;justify-content:space-between;align-items:center;background:rgba(222,222,222,.24);border-radius:6px;padding:0 20px;color:#17272f}main .container .content .filter-box h6{font-size:14px;font-weight:400}.message-box .message-header .img,main .container .content .filter-box .selectbox{position:relative}main .container .content .filter-box .selectbox select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;font-size:14px;font-weight:500;color:#17272f;padding-right:30px;position:relative;top:-2px}main .container .content .filter-box .selectbox i{position:absolute;right:0;font-size:12px;color:#aaa;pointer-events:none}main .container .content .post{background-color:#fff;border-radius:6px;padding:13px 16px 20px;margin-bottom:20px}main .container .content .post .post-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #edf0f5}main .container .content .post .post-header .post-author{display:flex;align-items:center}main .container .content .post .post-header .post-author img{width:36px;height:36px;border-radius:50%;margin-right:12px}main .container .content .post .post-header .post-author .name{font-size:14px;font-weight:500;color:#17272f}main .container .content .post .post-header .post-author .date,main .container .content .post .post-header .post-author .job-title{font-size:10px;color:#aaa}main .container .content .post .post-header .post-author .job-title{padding:2px 0}main .container .content .post .post-header .more{color:#aaa;font-size:18px}main .container .content .post .post-actions a:hover,main .container .content .post .post-comment-form .textarea label:hover,main .container .content .post .post-header .more:hover{color:var(--color)}main .container .content .post .post-content{padding:20px 0}main .container .content .post .post-content p{font-size:14px;margin-bottom:12px}main .container .content .post .post-content p img{max-width:100%}main .container .content .post .post-content p:last-child{margin-bottom:0}main .container .content .post .post-content p a{font-weight:500;color:var(--color)}main .container .content .post .post-content p a:hover{text-decoration:underline}main .container .content .post .post-actions{display:flex;padding-bottom:20px}main .container .content .post .post-actions a{font-size:16px;color:#aaa;margin-right:15px;display:flex;align-items:center}main .container .content .post .post-actions a i{font-size:20px;margin-right:5px}main .container .content .post .post-alt-detail{display:flex;font-size:10px;color:#17272f;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf0f5;margin-bottom:14px}main .container .content .post .post-alt-detail .likes{display:flex;margin-right:10px;padding-right:10px;align-items:center;position:relative}main .container .content .post .post-alt-detail .likes::before{content:'';width:2px;height:2px;border-radius:50%;background:#17272f;position:absolute;top:50%;right:-1px;margin-top:-1px}main .container .content .post .post-alt-detail i{font-size:14px;margin-right:10px;position:relative;z-index:1}main .container .content .post .post-alt-detail i::after{content:'';width:11px;height:11px;border-radius:50%;position:absolute;top:2px;left:2px;z-index:-1}main .container .content .post .post-alt-detail i.icon-heart::after{background:rgba(229,42,52,.32)}main .container .content .post .post-alt-detail i.icon-thumbs-up{color:#388bf2}main .container .content .post .post-alt-detail i.icon-thumbs-up::after{background:rgba(56,139,242,.32)}main .container .content .post .post-comment-form{display:flex;align-items:center}main .container .content .post .post-comment-form img{min-width:32px;width:32px;height:32px;border-radius:50%;margin-right:12px}main .container .content .post .post-comment-form .textarea{flex:1;border:1px solid #edf0f5;border-radius:6px;display:flex;align-items:center;padding:8px}main .container .content .post .post-comment-form .textarea textarea{background:0 0;width:100%;flex:1;padding:8px;resize:none;height:36px;font-size:14px}main .container .content .post .post-comment-form .textarea textarea::-moz-placeholder{color:#dedede}main .container .content .post .post-comment-form .textarea textarea:-ms-input-placeholder{color:#dedede}main .container .content .post .post-comment-form .textarea textarea::placeholder{color:#dedede}main .container .content .post .post-comment-form .textarea label{cursor:pointer;border-left:1px solid #edf0f5;padding-left:16px;font-size:18px;color:#a7b4cc;padding-right:5px}.message-box{position:fixed;bottom:0;right:50px;z-index:10}.message-box .message-header{width:270px;height:56px;display:flex;align-items:center;background:linear-gradient(289.57deg,#069 20.9%,#009099 111.3%);border-radius:6px 6px 0 0;padding:0 10px;font-size:14px;color:#fff}.message-box .message-header .img::before{content:'';width:10px;height:10px;border-radius:50%;background:red;position:absolute;bottom:-6px;left:50%;margin-left:-8px;border:1px solid #fff}.message-box .message-header .img.online::before{background:#31b057}.message-box .message-header .img img{width:32px;height:32px;border-radius:50%;display:block;border:1px solid #fff;margin-right:7px}.message-box .message-header .actions{display:flex;margin-left:auto}.message-box .message-header .actions a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;margin-left:5px;border-radius:50%}.message-box .message-header .actions a:hover{background:rgba(255,255,255,.1)}