.menu-item-wrap[data-v-56393960]{height:100%;width:80px}.menu-item-wrap .top[data-v-56393960]{height:90%;color:#66757f;font-weight:700}.menu-item-wrap .top .title[data-v-56393960]{height:45%;top:0;position:relative}.menu-item-wrap .top .title span[data-v-56393960]{text-align:center;font-size:12px;width:100%;display:inline-block;position:absolute;bottom:0}.menu-item-wrap .top .number[data-v-56393960]{height:55%;bottom:0;position:relative}.menu-item-wrap .top .number span[data-v-56393960]{text-align:center;width:100%;font-size:19px;display:inline-block;position:absolute;top:0}.menu-item-wrap .top .number .active[data-v-56393960]{color:#1da1f2}.menu-item-wrap .bottom[data-v-56393960]{height:10%;position:relative}.menu-item-wrap .bottom .blue[data-v-56393960]{background-color:#1da1f2;height:0;width:80px;-webkit-transition:height .1s;transition:height .1s;bottom:0;position:absolute}.menu-item-wrap .bottom .active[data-v-56393960]{height:2px}[data-v-56393960]:hover{cursor:pointer}:hover>.bottom>.blue[data-v-56393960]{height:2px}:hover>.top>.number[data-v-56393960]{color:#1da1f2}.heading-wrap[data-v-8c934d9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:62px}.heading-wrap .big-heading[data-v-8c934d9e]{z-index:999;position:absolute;left:0}.heading-wrap .big-heading img[data-v-8c934d9e]{height:150px;width:150px;border-radius:50%;margin-top:-70px;border:6px solid #fff}.heading-wrap .big-heading .slide-fade-enter-active[data-v-8c934d9e]{-webkit-transition:all .4s ease;transition:all .4s ease}.heading-wrap .big-heading .slide-fade-leave-active[data-v-8c934d9e]{-webkit-transition:all .1s ease;transition:all .1s ease}.heading-wrap .big-heading .slide-fade-enter[data-v-8c934d9e],.heading-wrap .big-heading .slide-fade-leave-to[data-v-8c934d9e]{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.heading-wrap .small-heading[data-v-8c934d9e]{position:absolute;left:0}.heading-wrap .small-heading .slide-fade-enter-active[data-v-8c934d9e]{-webkit-transition:all .4s ease;transition:all .4s ease}.heading-wrap .small-heading .slide-fade-leave-active[data-v-8c934d9e]{-webkit-transition:all .1s ease;transition:all .1s ease}.heading-wrap .small-heading .slide-fade-enter[data-v-8c934d9e],.heading-wrap .small-heading .slide-fade-leave-to[data-v-8c934d9e]{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.heading-wrap .small-heading .left[data-v-8c934d9e]{display:inline-block}.heading-wrap .small-heading .left img[data-v-8c934d9e]{height:50px;width:50px;border-radius:50%;margin-bottom:5px}.heading-wrap .small-heading .right[data-v-8c934d9e]{display:inline-block;margin-left:10px;height:62px;position:relative}.heading-wrap .small-heading .right .top[data-v-8c934d9e]{color:#000;font-size:17px;font-weight:700;position:absolute;width:200px;top:10px}.heading-wrap .small-heading .right .bottom[data-v-8c934d9e]{color:#1da1f2;font-size:15px;width:110px;position:absolute;bottom:10px}.heading-wrap .small-heading .right .bottom[data-v-8c934d9e]:hover{cursor:pointer}.button-main[data-v-eaa3c7a0]{display:inline-block;border:1px solid #1da1f2;border-radius:100px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;height:34px;line-height:34px;padding:0 24px;font-size:15px;color:#1da1f2}.button-main[data-v-eaa3c7a0]:hover{cursor:pointer;background-color:#e8f5fd}.button-size__normal[data-v-eaa3c7a0]{height:34px;line-height:34px;padding:0 24px;font-size:15px}.button-size__small[data-v-eaa3c7a0]{height:28px;line-height:28px;padding:0 14px;font-size:12px}.button__bounce[data-v-eaa3c7a0]{position:relative}.button__bounce[data-v-eaa3c7a0]:focus{outline:none}.button__bounce[data-v-eaa3c7a0]:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100px;border:0 solid #1da1f2;opacity:.7;-webkit-transition:all .1s;transition:all .1s}.button__bounce[data-v-eaa3c7a0]:active:after{opacity:1;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:100px;border:2px solid #1da1f2;-webkit-transition:all .2s;transition:all .2s}.button-type__info[data-v-eaa3c7a0]{color:#1da1f2}.button-type__info[data-v-eaa3c7a0]:hover{background-color:#e8f5fd}.button-type__primary[data-v-eaa3c7a0]{color:#fff;background-color:#4ab3f4}.button-type__primary[data-v-eaa3c7a0]:hover{background-color:#1da1f2}div[data-v-379f3d06]{font-size:12px}div .text[data-v-379f3d06]:hover{border-bottom:1px solid #000;padding-bottom:1px;cursor:pointer}.blogger-info-wrap .at[data-v-3ef2959e]{margin-top:6px}.blogger-info-wrap .at span[data-v-3ef2959e]{color:#657786;font-weight:400}.blogger-info-wrap .about[data-v-3ef2959e],.blogger-info-wrap .area[data-v-3ef2959e]{margin-top:20px}.tag-wrap[data-v-d09d0394]{display:inline-block;margin-right:5px}.tag-wrap[data-v-d09d0394]:hover{opacity:.8}.tag-wrap .arrow[data-v-d09d0394]{display:inline-block;width:0;height:0;border-width:9px;border-style:solid;border-color:transparent #1da1f2 transparent transparent}.tag-wrap .tag-text-wrap[data-v-d09d0394]{display:inline-block;vertical-align:top;color:#fff;padding:0 5px;height:18px;line-height:18px;border-bottom-right-radius:5px;border-top-right-radius:5px;background-color:#1da1f2}.tag-wrap .tag-text-wrap[data-v-d09d0394]:hover{cursor:pointer}.tag-wrap .dot-wrap[data-v-d09d0394]{display:inline-block;width:6px;height:18px;background-color:#1da1f2}.tag-wrap .dot-wrap .dot[data-v-d09d0394]{background-color:#fff;margin-top:7px;vertical-align:center;height:4px;width:4px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.3);border-radius:50%}.orange .arrow[data-v-d09d0394]{border-color:transparent #ff976a transparent transparent}.orange .dot-wrap[data-v-d09d0394],.orange .tag-text-wrap[data-v-d09d0394]{background-color:#ff976a}.green .arrow[data-v-d09d0394]{border-color:transparent #07c145 transparent transparent}.green .dot-wrap[data-v-d09d0394],.green .tag-text-wrap[data-v-d09d0394]{background-color:#07c145}.blue .arrow[data-v-d09d0394]{border-color:transparent #1da1f2 transparent transparent}.blue .dot-wrap[data-v-d09d0394],.blue .tag-text-wrap[data-v-d09d0394]{background-color:#1da1f2}.article-item-wrap[data-v-365c9500]{height:120px;margin:5px 0;border-bottom:1px solid #eee}.article-item-wrap .row[data-v-365c9500]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-item-wrap .row .left[data-v-365c9500]{display:inline-block}.article-item-wrap .row .left .title[data-v-365c9500]{height:40px;line-height:40px;font-weight:520;font-size:14px;color:#333;-webkit-transition:color .3s;transition:color .3s}.article-item-wrap .row .left .title[data-v-365c9500]:hover{color:#657b83;cursor:pointer}.article-item-wrap .date[data-v-365c9500]{font-size:12px;color:#657786;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.article-item-wrap .tags[data-v-365c9500]{margin-top:10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:13px;color:#657786}.article-item-wrap .tags .tag[data-v-365c9500]{width:18px;height:18px;background-position:-16px 0;margin-right:4px}.article-item-wrap .tags .text[data-v-365c9500]{margin-right:4px}.article-item-wrap .tags .text[data-v-365c9500]:hover{cursor:pointer;opacity:.8}.article-item-wrap .icon[data-v-365c9500]{display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAASCAAAAAAx5qIcAAAB7UlEQVQoz3XTC0/aUBiA4f7/HyAHimZGXVaUy2IVaKmHNqObs5MFyFwWxQSFrfaCBaWFc9qz0xsXL2/Spl+TJ5D2K0PwyDGHaVZAPDvsOSBr+RMUX6CJT8+M3/7Qq23vxG2fzF1pL+yos1gZPOT/oAUNXfN3mKIpB7p8JhuXKXsPuyC3AwBgz1FqBlAuwKbYaDQgLMhwQJjxQbbLgwSBsqfv5n/qp/TGUs0lrn4oljhaUTisc9L8DbT/SDrhwF7EyhUKQkEsF2il8FJwKQIvEKtel6MbrIZjxClSqxiioirJHEX2/stfAtlcMucj5cFSvQ3LUbAtlKDHmHubyPmUDnTMX1KFbnXLtGzbCg/T0m/RKxR8z2bXVBsTtzUhxOkPUWD06XuctNxXiLhwQ3UCV3HIWGge/7JU7dQijvIGIu7ZmsoczUL0/HdcvcRe/120oXLnfoiIrXyZEnRV0xMEOsdbIG6r5EUPWVoadUGiv1flew+jnnHyO0Efb9TK57iKGr/PWaLYr3QDQ3QvSY2rqab+eIqQVdF9jJJm//x4dWaNyHwLt9aFBgkwxj4909GALvNYHa/WeSx6ZKnSnUWyPBgtP55BU0aM363fd2QlTqzNUz+DB1qysaZ2sZZmEob4xtS4S7NW397CweSd/gNFjvGfAelhqAAAAABJRU5ErkJggg==)}.article-item-wrap .calandar[data-v-365c9500]{width:18px;height:18px;background-position:-34px 0;vertical-align:top;margin-right:4px}.search-bar-wrap[data-v-65b93bda]{background-color:#fff;width:280px}.search-bar-wrap .search-wrap input[data-v-65b93bda]{height:28px;font-size:14px;width:230px;border:0;padding:0}.search-bar-wrap .search-wrap input[data-v-65b93bda]:focus{outline:none}.search-bar-wrap .search-wrap .search[data-v-65b93bda]{display:inline-block;vertical-align:top;width:28px;height:28px;position:relative}.search-bar-wrap .search-wrap .search i[data-v-65b93bda]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px;-webkit-transition:font-size .1s;transition:font-size .1s}.search-bar-wrap .search-wrap .search[data-v-65b93bda]:hover{cursor:pointer}.search-bar-wrap .search-wrap .search:hover i[data-v-65b93bda]{font-size:22px}.search-bar-wrap .search-wrap .underline[data-v-65b93bda]{width:100%;border-bottom:1px solid #888;margin-bottom:4px}.search-bar-wrap .article-list[data-v-65b93bda]{height:460px;overflow-y:scroll}.search-bar-wrap div[data-v-65b93bda]::-webkit-scrollbar{width:10px;height:10px}.search-bar-wrap div[data-v-65b93bda]::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.search-bar-wrap div[data-v-65b93bda]::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:10px}.search-bar-wrap div[data-v-65b93bda]::-webkit-scrollbar-thumb:hover{background:#333}.search-bar-wrap div[data-v-65b93bda]::-webkit-scrollbar-corner{background:#179a16}.fake-area[data-v-309ce892]{width:100%;height:30px;background-color:#f3f6f8}.cantainer[data-v-309ce892]{width:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:60px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;-webkit-box-shadow:1px 1px 2px #cbcbcb;box-shadow:1px 1px 2px #cbcbcb}.cantainer .profile-nav-wrap[data-v-309ce892]{width:1220px;position:relative}.cantainer .profile-nav-wrap .blogger-about[data-v-309ce892]{position:absolute;top:100px}.cantainer .profile-nav-wrap .profile-heading[data-v-309ce892]{position:absolute;height:62px;left:0;width:310px}.cantainer .profile-nav-wrap .profile-nav-list[data-v-309ce892]{position:absolute;height:62px;left:310px;width:610px}.cantainer .profile-nav-wrap .profile-nav-list .menu-item[data-v-309ce892]{display:inline-block}.cantainer .profile-nav-wrap .right-btn[data-v-309ce892]{position:absolute;right:0;width:300px;top:10px}.cantainer .profile-nav-wrap .right-btn .right[data-v-309ce892]{position:absolute;right:0}.home-layout-container .welcome[data-v-3c907f1b]{height:300px;width:100%;background-color:#f3f6f8;position:relative}.home-layout-container .welcome .welcome_msg[data-v-3c907f1b]{position:absolute;font-weight:700;top:160px;left:60%}.home-layout-container .welcome:hover>.welcome_msg>.shake[data-v-3c907f1b]{display:inline-block;padding:1px;font-size:14px;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shaky-slow;animation-name:shaky-slow;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;animation-play-state:running}.home-layout-container .fake-area[data-v-3c907f1b]{width:100%;height:30px;background-color:#f3f6f8;z-index:998}.home-layout-container .index-menu[data-v-3c907f1b]{z-index:998}.home-layout-container .content-wrap[data-v-3c907f1b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-layout-container .content-wrap .transition-wrap[data-v-3c907f1b]{margin-left:300px;display:inline-block}.home-layout-container .content-wrap .transition-wrap .fade-enter-active[data-v-3c907f1b],.home-layout-container .content-wrap .transition-wrap .fade-leave-active[data-v-3c907f1b]{-webkit-transition:all .2s ease;transition:all .2s ease}.home-layout-container .content-wrap .transition-wrap .fade-enter[data-v-3c907f1b],.home-layout-container .content-wrap .transition-wrap .fade-leave-active[data-v-3c907f1b]{opacity:0}