*{box-sizing:border-box;outline:none;margin:0;margin-bottom:0;padding:0}.post{position:relative;margin:20px auto;padding:40px 30px;background:#fff;border-radius:12px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)}.post .meta{margin-bottom:20px}.meta{color:rgba(51,51,51,.7);font-size:13.3px}a{color:#444;cursor:pointer;text-decoration:none;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;background-color:transparent}.post .meta .new-meta-box .new-meta-item a:hover p{color:#ff5722}.post .meta .thumbnail{width:auto;border-radius:4px;box-shadow:none;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:65px;height:65px;border-radius:100%;float:right;margin:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)}.post a img{display:inline}.post .meta#header-meta{margin-top:0;margin-bottom:20px}.post .meta{color:rgba(51,51,51,.7);font-size:13.3px}.post .meta .title{font-size:20.16px;text-align:left;font-size:24px;margin:0}.post .meta .title a{display:inline;line-height:1.7;font-weight:400;color:#333;text-decoration:none;font-size:24px}.post .meta .new-meta-box{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;padding-top:4px;padding-bottom:8px;display:flex;align-items:center;flex-wrap:wrap}.post .meta .new-meta-box .new-meta-item{color:rgba(51,51,51,.7);font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px}.post .meta .new-meta-box .new-meta-item a{font-family:Varela Round,Microsoft YaHei,Source Sans Pro,Helvetica Neue,Menlo,Monaco,monospace,Lucida Console,sans-serif,Helvetica,Hiragino Sans GB,Hiragino Sans GB W3,Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial;display:flex;justify-content:center;align-items:center;color:rgba(51,51,51,.7);padding-left:0;padding-right:4px}.post .meta .new-meta-box .new-meta-item a img{height:17px;width:17px;margin-right:5px;transform:translateY(-1px)}.l_main .post .meta .new-meta-box .new-meta-item i,.post .meta .new-meta-box .new-meta-item img{border-radius:100%;display:inline}.post img{display:flex;justify-content:center;align-items:center;max-width:100%;border-radius:4px;background:none}.post .meta .new-meta-box .new-meta-item a p{margin:0;padding-top:2px;font-weight:400;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease}.l_main .post .meta .new-meta-box .new-meta-item a,.post .meta .new-meta-box .new-meta-item p{color:rgba(51,51,51,.7);padding-left:0;padding-right:4px}.post .meta .new-meta-box .new-meta-item .notlink{cursor:default}.post .meta .new-meta-box .new-meta-item i{margin-right:4px;border-radius:0;border-radius:100%;display:inline}.fas{font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.post .meta .new-meta-box .new-meta-item:last-child{margin-right:0}hr{box-sizing:content-box;height:0;border:0;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:0;border-radius:1px;border-bottom:1px solid rgba(0,0,0,.1)}.article{color:#333;font-size:16px;line-height:1.7;word-break:break-all;word-wrap:break-word}.article blockquote{position:relative;width:100%;font-size:14px;background:rgba(27,195,251,.1);margin:1em 0;padding:20px;border-left:4px solid #1bc3fb;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article blockquote p{text-align:left;word-wrap:normal;margin:0;font-size:14px;line-height:21px}.article .readmore{font-family:Varela Round,Microsoft YaHei,Source Sans Pro,Helvetica Neue,Menlo,Monaco,monospace,Lucida Console,sans-serif,Helvetica,Hiragino Sans GB,Hiragino Sans GB W3,Source Han Sans CN Regular,WenQuanYi Micro Hei,Arial;font-size:.8em;letter-spacing:.1em;margin-top:20px}.article .readmore a{text-decoration:none;display:inline-block;vertical-align:middle;line-height:2rem;font-weight:700;background-color:#1bc3fb;padding:.2em 2.4em;color:#fff;border-radius:6px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.post-wrapper .post .auto-padding{padding-left:30px;padding-right:30px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:auto}.post-wrapper .post .full-width{margin-left:-30px;margin-right:-30px;width:calc(100% + 60px)}.post-wrapper .tags{margin-bottom:-40px}.article .tags{position:relative;padding-top:10px;padding-bottom:10px;font-size:14px;line-height:1.7;margin-top:20px;background:hsla(0,0%,88.6%,.5);word-spacing:10px}.post .tags a{color:rgba(51,51,51,.7)}.article .tags a{color:#333;position:relative;display:inline-block;word-spacing:0;padding-left:10px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .tags a:hover{color:#ff5722;background:transparent;text-decoration:none}.flat-box:hover{box-shadow:.1em .1em .1em .1em rgba(0,0,0,.6);border-color:rgba(0,225,7,.3)}.new-meta-item a:hover{font-size:16px}.post:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1),0 16px 32px 0 rgba(0,0,0,.1)}.load-more{text-align:center;margin:10px 0}.layui-btn{width:80px}.left-articlelist{float:left;width:860px}li{list-style:none}.content-body{display:flex}.content-body .articleImage{display:block;width:320px;height:200px}.article p{max-height:185px;padding:0 10px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all}.article-content{max-width:60%}@media screen and (max-width:475px){#categoryandsearch{display:none}.left-articlelist{max-width:100%}.articleImage{display:none!important}}#category-search{margin-left:10px;margin-top:20px;float:right}.right_nav{float:left;margin-left:50px;width:320px;background-color:#fff}.right_nav .nav_serch{padding:20px;background-color:grey;position:relative}.nav_followme .aside-list-item{display:flex;-o-box-align:center;align-items:center;padding:.3rem 0;border-bottom:1px dashed #f5f5f5}.nav_followme .aside-list>.aside-list-item .thumbnail{overflow:hidden;width:4.2em;height:4.2em;margin-left:25px}.nav_followme .aside-list>.aside-list-item .thumbnail>img{width:60px;height:60px;border-radius:50%;transition:all .6s;-o-object-fit:cover;object-fit:cover;position:relative;left:5px}.nav_followme .aside-list>.aside-list-item .content{-o-box-flex:1;box-flex:1;flex:1;padding-left:-10px;word-break:break-all}.nav_followme .aside-list .follow{width:100%;display:flex;box-sizing:content-box}.nav_followme .aside-list .follow:after{content:"";display:table;clear:both}.nav_followme .aside-list .follow li{float:left;box-sizing:content-box;padding:.2em;transition:.2s}.nav_followme .aside-list .follow li:hover{transform:translateY(-5px);transition:.5s}.nav_followme .aside-list>.aside-list-item .content>.title{color:var(--font-color);font-size:95%;line-height:1.5;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.nav_followme .aside-list>.aside-list-item .content>.name,.nav_followme .aside-list>.aside-list-item .content>time{display:block;color:#858585;font-size:85%}.nav_category{padding-bottom:15px;transition:all .1s}.nav_category:after{clear:both;display:block;content:" "}.nav_category h1{float:left;margin-left:10px;margin-top:25px;text-transform:uppercase;color:#444;font-weight:100;font-size:27px;opacity:.9}.nav_category .logo{width:25px;height:25px;margin-right:3px}.nav_category time{margin-left:35px;text-transform:uppercase;color:#444;opacity:.7;font-size:10.5px;text-align:right;line-height:1.25;letter-spacing:.5px}.nav_category .widget{float:left}.about-logo{float:left;margin:0;padding:0;margin:10px 15px}.nav_category .widget a{line-height:22px;display:block;color:#fff;float:left;padding:3px 8px;margin:10px 5px 0 0;border-radius:3px;box-shadow:0 5px 15px 0 rgba(0,0,0,.25);transform-origin:right bottom;transform:scale(0)}.nav_category .widget:after{clear:both;display:block;content:" "}.nav_category .widget a{transform:scale(1);transition:.2s cubic-bezier(.67,.13,.1,.81)}.nav_category .widget a:hover{color:#000;transition:.5s;transform:translateY(-10px);position:relative;left:0}.nav_category .widget a:nth-child(2){transform-origin:left bottom;transition-delay:.2s}.nav_category .widget a:nth-child(3){transform-origin:right bottom;transition-delay:.2s}.nav_category .widget a:nth-child(4){transform-origin:right top;transition-delay:.3s}.nav_category .widget a:nth-child(5){transform-origin:left bottom;transition-delay:.2s}.nav_category .widget a:nth-child(6){transform-origin:right top;transition-delay:.3s}.nav_category .widget a:nth-child(7){transform-origin:left top;transition-delay:.1s}.nav_category .widget a:nth-child(8){transform-origin:left bottom;transition-delay:.3s}.nav_category .widget a:first-child{background:#428bca}.nav_category .widget a:nth-child(9n-9){background:grey;transform-origin:right bottom}.nav_category .widget a:nth-child(9n-8){background:gold;transform-origin:right bottom}.nav_category .widget a:nth-child(9n-7){background:#eb6841;transform-origin:right top}.nav_category .widget a:nth-child(9n-6){background:#3fb8af;transform-origin:left top}.nav_category .widget a:nth-child(9n-5){background:#b433ff;transform-origin:left top}.nav_category .widget a:nth-child(9n-4){background:#fc9d9a;transform-origin:left bottom}.nav_category .widget a:nth-child(9n-3){background:#5cb85c;transform-origin:right bottom}.nav_category .widget a:nth-child(9n-2){background:#567e95;transform-origin:right top}.nav_category .widget a:nth-child(9n-1){background:#2db7f5;transform-origin:left top}.nav_category .widgeta:nth-child(9n-0){background:#ed4014;transform-origin:right top}.right_nav .nav_serch .search-wrap{display:block;height:40px;padding:0 20px;background-color:#fff;border-radius:40px;position:relative;z-index:5}.right_nav .nav_serch .search-wrap input{border:none;height:40px;line-height:40px;width:100%;box-shadow:none;background-color:transparent}.right_nav .nav_serch .search-wrap .search-icon{font-size:18px;position:absolute;width:30px;height:30px;line-height:30px;text-align:center;right:5px;top:5px;color:#787977;transition:all .3s;cursor:pointer}.right_nav .nav_top5 .inner .hot-list-article li{display:block;line-height:32px;position:relative;margin:3px 0;counter-increment:nums;padding-left:30px;overflow:hidden;word-wrap:normal!important;white-space:nowrap;text-overflow:ellipsis}.hot-list-article li:nth-child(2):before,.hot-list-article li:nth-child(3):before,.right_nav .nav_top5 .inner .hot-list-article li:first-child:before{color:#fff;text-shadow:none}.right_nav .nav_top5 .inner .hot-list-article li:first-child:before{background-color:#e24d46}.right_nav .nav_top5 .inner .hot-list-article li:nth-child(2):before{background-color:#2ea7e0}.right_nav .nav_top5 .inner .hot-list-article li:nth-child(3):before{background-color:#6bc30d}.right_nav .nav_top5 .inner .hot-list-article li:before{width:22px;height:22px;line-height:22px;text-align:center;content:counter(nums,decimal);position:absolute;left:0;top:5px;border-radius:100%;background-color:#edefee;text-shadow:0 1px 0 hsla(0,0%,100%,.5);font-family:SourceCodeProRegular,Menlo,Monaco,Consolas,Courier New,monospace,Helvetica Neue,Arial,sans-serif}.right_nav .inner{margin:0 20px;padding-bottom:10px}.right_nav .nav_guestlist .inner .vistor{text-align:center}.right_nav .other-item-title{margin:10px 20px;padding:5px;line-height:30px;font-weight:400;border-bottom:1px solid #e8e9e7;color:#383937;position:relative;font-size:18px}.right_nav .nav_guestlist .inner .vistor dd{position:relative;width:60px;height:65px;margin:10px 10px 0 0;display:inline-block;vertical-align:top;font-size:12px}.right_nav .nav_guestlist .inner .vistor dd a img{width:60px;height:60px;border-radius:2px}.right_nav .nav_guestlist .inner .vistor dd a cite{position:absolute;bottom:5px;left:0;width:100%;height:20px;line-height:20px;text-align:center;background-color:rgba(0,0,0,.2);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}