.auth-plate .user-info{display:flex;align-items:center}.auth-plate .user-info .username{font-size:20px;margin-left:10px}.auth-plate .user-data{display:flex;justify-content:space-between;padding:10px 0 20px}.auth-plate .user-data a{flex:1;text-align:center;border-right:1px solid #ccc}.auth-plate .user-data a:last-of-type{border:none}.auth-plate .auth-plate-footer{justify-content:space-between}.auth-plate .auth-plate-footer,.auth-plate .auth-plate-footer .coin-box{display:flex;align-items:center}.the-course-list li a.course-box{display:flex;justify-content:flex-start;padding-bottom:10px;font-size:14px}.the-course-list li a.course-box .cover-box{width:100px;height:56px}.the-course-list li a.course-box .cover-box .cover{width:100%;height:100%}.the-course-list li a.course-box .course-data{flex:1;margin-left:10px;display:flex;flex-direction:column;justify-content:space-between}.the-course-list li a.course-box .course-data .category{font-size:12px}.social-list .social-widget{margin-bottom:10px;position:relative;display:block;font-size:13px;background:#fff;color:#525252;line-height:40px;padding:0 14px;border:1px solid #ddd;border-radius:2px}.social-list .social-widget .social-widget-count i{margin-right:9px;vertical-align:middle;font-size:22px}.social-list .social-widget .social-widget-title{position:absolute;top:-1px;right:-1px;bottom:-1px;width:100px;text-align:center;background:hsla(0,0%,100%,.08);transition:width .3s;border-radius:0 3px 3px 0;color:#fff}.social-list .social-widget:hover .social-widget-title{width:116px}.social-list .social-widget a{position:absolute;top:0;left:0;right:0;bottom:0}.social-list .social-ketang .social-widget-title{background-color:#3e9743}.social-list .social-bilibili .social-widget-title{background-color:#00a1d6}.social-list .social-wechat .social-widget-title{background-color:#199872}.pagination-box{text-align:center;padding-top:10px}.post-list li{border-bottom:1px solid #dedede}.post-list li .post-box{padding:10px;display:flex}.post-list li .post-box .avatar-box{width:48px;height:48px}.post-list li .post-box .avatar-box .avatar{width:100%;height:100%}.post-list li .post-box .post-body{flex:1;margin-left:10px}.post-list li .post-box .post-body .title{font-size:16px;color:#778087;text-decoration:none;word-break:break-word;line-height:130%}.post-list li .post-box .post-body .title:hover{color:#4d5256;text-decoration:underline}.post-list li .post-box .post-body .post-content{display:flex;justify-content:space-between;margin-top:10px}.post-list li .post-box .post-body .post-content .post-info{color:#777;font-size:12px;line-height:200%}.post-list li .post-box .post-body .post-content .post-data{font-size:12px}.post-list li .post-box .post-body .post-content .post-data .reply-count{background-color:#969cb1;padding:2px 10px;border-radius:12px;color:#fff;font-weight:700}.post-list li .post-box .post-body .tag-list{padding-top:5px}.wrapper .header-top{display:flex;justify-content:space-between}.wrapper .header-top .category-box{display:flex;justify-content:flex-start}.wrapper .header-top .category-box li{display:inline-block;font-size:14px;line-height:14px;padding:5px 8px;margin-right:10px}.wrapper .header-top .category-box li a{color:#555}.wrapper .header-top .category-box li a:hover{color:#000;text-decoration:none}.wrapper .header-top .category-box li.active{background-color:#334;border-radius:3px}.wrapper .header-top .category-box li.active a{color:#fff}.wrapper .tag-filter-box{display:flex;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;border-bottom:1px solid #dedede}