.login_form[data-v-607891c3]{width:100%;padding:0 20px;box-sizing:border-box}.btns[data-v-607891c3]{display:flex;justify-content:flex-end}.login_dialog[data-v-607891c3]{opacity:1}.avatar-uploader .el-upload[data-v-83b4f5d8]{cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-83b4f5d8]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-83b4f5d8]{border:1px dashed #d9d9d9;border-radius:6px;font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}.avatar[data-v-83b4f5d8]{width:100px;height:100px;display:block}.login_form[data-v-83b4f5d8]{width:100%;padding:0 20px;box-sizing:border-box}.btns[data-v-83b4f5d8]{display:flex;justify-content:flex-end}.login_dialog[data-v-83b4f5d8]{opacity:1}.search input.el-input__inner{background-color:rgba(0,0,0,.1);color:#ccc}.title[data-v-2296bc05]{position:fixed;top:0;width:100%;height:120vh;background-repeat:no-repeat;background-size:cover;border-bottom:3px solid #fff}.el-header[data-v-2296bc05]{transition:.2s}.el-header[data-v-2296bc05]:hover{opacity:1!important}.el-menu[data-v-2296bc05],.el-menu[data-v-2296bc05] .el-menu-item{background-color:transparent!important}.el-menu[data-v-2296bc05] .el-menu-item:hover i,.el-menu[data-v-2296bc05] .el-menu-item i{color:#fff}.el-menu[data-v-2296bc05] .el-menu-item:hover{background-color:rgba(0,0,0,.5)!important}.search_input[data-v-2296bc05]{position:relative;box-sizing:border-box}.search_input ul[data-v-2296bc05]{position:absolute;top:30px;width:100%;border:1px solid #e5e9ef;margin-top:1px;background:#fff;z-index:10000;border-radius:2px;box-shadow:0 2px 4px rgba(58,118,142,.16);padding:10px 0;font-size:14px;box-sizing:border-box}.search_input ul li[data-v-2296bc05]{padding:0 16px;height:32px;line-height:32px;cursor:pointer;word-wrap:break-word;word-break:break-all;display:block;color:#222;position:relative}.search_input ul li[data-v-2296bc05]:hover{background-color:#e8f3ff}.search-blog[data-v-2296bc05]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-left:20px;padding-right:20px}.el-header[data-v-2296bc05]{width:100%;position:sticky;top:0;z-index:9999;background-color:rgba(0,0,0,.2);color:#fff;justify-content:space-between;font-size:20px}.el-header>div[data-v-2296bc05],.el-header[data-v-2296bc05]{display:flex;align-items:center}.el-header img[data-v-2296bc05]{height:40px}.el-header span[data-v-2296bc05]{margin-left:15px}.el-header button[data-v-2296bc05]{opacity:.8}.el-header .el-menu[data-v-2296bc05]{flex-shrink:0}.el-header .logo[data-v-2296bc05]{color:#ffd04b}.el-header .logo[data-v-2296bc05]:hover{cursor:pointer}.loginInfo[data-v-2296bc05]{flex-shrink:0;color:#fff;height:60px;border:none;width:160px;position:relative}.loginInfo .el-avatar[data-v-2296bc05]{width:36px;height:36px;margin:0 auto;z-index:200}.loginInfo .user-option[data-v-2296bc05]{position:absolute;top:60px;width:150px;left:50%;transform:translate(-50%);font-size:14px;text-align:center;line-height:30px;background-color:#fff;visibility:hidden;opacity:0;color:#333;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border:1px solid #eee;border-radius:5px}.loginInfo .logout[data-v-2296bc05]{margin:10px auto;padding:0;width:100%}.loginInfo .logout[data-v-2296bc05]:hover{background-color:#eee}.loginInfo[data-v-2296bc05]:hover{cursor:pointer}.loginInfo:hover .el-avatar[data-v-2296bc05]{transform:translateY(50%) scale(1.5);transition:.3s}.loginInfo:hover .user-option[data-v-2296bc05]{visibility:visible;opacity:1;transition:opacity .4s}.zZindex[data-v-2296bc05]{margin-top:300px;padding-top:100px}.menu-expend[data-v-2296bc05]{display:none!important}.el-menu-hidden[data-v-2296bc05]{position:absolute;top:60px;left:0;border-top:1px solid #ccc;border-right:none;width:100%}.el-menu-hidden .el-menu-item[data-v-2296bc05]{border-bottom:1px solid #ccc}@media screen and (max-width:1000px){.search_input[data-v-2296bc05]{visibility:hidden}}@media screen and (max-width:768px){.el-menu[data-v-2296bc05] .el-menu-item{background-color:rgba(0,0,0,.3)!important}.el-menu-demo[data-v-2296bc05]{display:none}.title[data-v-2296bc05]{width:100%;background-position-x:center}.menu-expend[data-v-2296bc05]{display:block!important;position:fixed;top:18px;left:150px}.menu-expend[data-v-2296bc05]:hover{color:#ffd04b;cursor:pointer}.title[data-v-2296bc05]{background-position-y:0}}[data-v-1f6faa3a]:hover{cursor:pointer}.footer-wrap[data-v-1f6faa3a]{bottom:0!important;line-height:2;position:relative;padding:40px 20px;color:#eee;font-size:14px;text-align:center;background-color:#545c64;transition:.2s}.footer-info[data-v-1f6faa3a]{line-height:15px;color:hsla(0,0%,100%,.5)}.footer-info a[data-v-1f6faa3a]{text-decoration:none;color:hsla(0,0%,100%,.5)}.footer-info h4[data-v-1f6faa3a]{color:#fff}.footer-info .list .item[data-v-1f6faa3a]{line-height:20px}.footer-info .list .item[data-v-1f6faa3a]:hover{color:#fff}.footer-info .el-image[data-v-1f6faa3a]{margin:0 auto;opacity:.8}.footer-info .el-image[data-v-1f6faa3a]:hover{opacity:1}.author[data-v-1f6faa3a]{color:hsla(0,0%,100%,.5)}.i_ba[data-v-1f6faa3a]{margin-left:12px;margin-right:10px;width:14px;height:14px}@media only screen and (max-width:480px){.connect[data-v-1f6faa3a],.ewm[data-v-1f6faa3a],.intro[data-v-1f6faa3a],.new-blog[data-v-1f6faa3a]{display:none}}a[data-v-1f6faa3a],a[data-v-1f6faa3a]:link{text-decoration:none;color:hsla(0,0%,100%,.5)}a[data-v-1f6faa3a]:visited{text-decoration:none;color:#2af987}a[data-v-1f6faa3a]:hover{text-decoration:none;color:#fff}a[data-v-1f6faa3a]:active{text-decoration:none;color:#2af987}#back-top span[data-v-4c370956]{cursor:pointer;height:50px;margin:-125px 0 0;overflow:hidden;padding:0;position:fixed;right:50px;bottom:50px;width:50px;z-index:11;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.16);border-radius:50%;display:flex;opacity:.8;justify-content:center;align-items:center}#back-top:hover span[data-v-4c370956]{opacity:1}.el-icon-arrow-up[data-v-4c370956]{color:#ccc;font-size:40px}.fade-enter[data-v-4c370956]{opacity:0}.fade-enter-active[data-v-4c370956]{transition:opacity 1s}.fade-leave-to[data-v-4c370956]{opacity:0}.fade-leave-active[data-v-4c370956]{transition:opacity 1s}body[data-v-2c9a2725]{width:100%}.welcome[data-v-2c9a2725]{background-color:rgba(0,0,0,.1);border:none;height:90%;position:relative}.welcome .border[data-v-2c9a2725]{width:880px;height:112px;position:absolute;top:-6px;left:-6px;border:3px solid #fff;box-sizing:border-box;animation:clipMe-2c9a2725 5s linear infinite}.welcome .tit[data-v-2c9a2725]{box-sizing:border-box;position:relative;width:870px;height:100px;line-height:100px;box-shadow:inset 0 0 0 1px #fff;margin:40px auto;margin-top:80px;color:#fff;text-align:center;font-size:50px;font-weight:400;letter-spacing:10px}.welcome .intro[data-v-2c9a2725]{letter-spacing:5px;line-height:50px;width:80%;margin:0 auto;text-align:center;font-weight:400;color:#fff}.welcome .down[data-v-2c9a2725]{animation:bounce-2c9a2725 2s infinite;animation-duration:3s;font-size:25px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;border:2px solid #fff}.welcome .down[data-v-2c9a2725]:hover{animation:none;cursor:pointer;box-shadow:0 0 20px 0 #fff;transition:all .2s}@keyframes clipMe-2c9a2725{0%,to{clip:rect(0,806px,6px,0)}25%{clip:rect(0,6px,112px,0)}50%{clip:rect(112px,880px,112px,0)}75%{clip:rect(0,880px,112px,806px)}}@keyframes bounce-2c9a2725{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-30px)}60%{transform:translate(-50%,-15px)}}ul[data-v-2c9a2725]{padding-left:10px;padding-right:10px;margin-bottom:0;border-radius:5px}.el-pagination[data-v-2c9a2725]{padding-bottom:20px}.el-card[data-v-2c9a2725] .el-card__body{padding:0}.right-item[data-v-2c9a2725]{margin-bottom:20px}.right-item li[data-v-2c9a2725]:first-child{border-top:1px solid rgba(179,216,255,.5)}.right-item li[data-v-2c9a2725]{border-bottom:1px solid rgba(179,216,255,.5)}.right-item .more[data-v-2c9a2725]{text-align:center;color:#3a8ee6;padding:8px}.right-item .more[data-v-2c9a2725]:hover{cursor:pointer;color:#3a8ee6}.right-item .activeType[data-v-2c9a2725],.right-item .blog-type[data-v-2c9a2725]:hover{background-color:rgba(58,142,230,.3);cursor:pointer}.right-item .tags[data-v-2c9a2725]{display:flex;flex-wrap:wrap;align-items:center;margin:15px 13px 0;border-bottom:1px solid rgba(179,216,255,.5)}.right-item .tag-item[data-v-2c9a2725]{display:flex;justify-content:space-around;align-items:center;margin-left:5px;margin-right:5px;margin-bottom:10px;box-sizing:border-box}.right-item .tag-item .tag[data-v-2c9a2725]{background-color:#ecf5ff;box-sizing:border-box;display:inline-block;height:22px;padding:0 10px;line-height:22px;font-size:10px;color:#409eff;border-radius:4px;white-space:nowrap;border:1px solid #409eff;transition:.2s}.right-item .tag-item .sjx-outer[data-v-2c9a2725]{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #409eff;position:relative;transition:.2s}.right-item .tag-item .sjx-inner[data-v-2c9a2725]{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #ecf5ff;top:-6px;left:1px;position:absolute;transition:.2s}.right-item .activeTag[data-v-2c9a2725],.right-item .tag-item[data-v-2c9a2725]:hover{box-sizing:border-box}.right-item .activeTag .tag[data-v-2c9a2725],.right-item .tag-item:hover .tag[data-v-2c9a2725]{color:#fff;background-color:#409eff;cursor:pointer}.right-item .activeTag .sjx-inner[data-v-2c9a2725],.right-item .tag-item:hover .sjx-inner[data-v-2c9a2725]{border-right:6px solid #409eff}.blog-type[data-v-2c9a2725]{display:flex;justify-content:space-between;align-items:center;line-height:40px}.recommend-blog[data-v-2c9a2725]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-left:20px;padding-right:20px}.recommend-blog a[data-v-2c9a2725]{border-bottom:1px solid rgba(34,36,38,.15);line-height:40px;display:block;text-decoration:none;color:#000}.recommend-blog a[data-v-2c9a2725]:hover{color:#3a8ee6}.total[data-v-2c9a2725]{justify-content:space-between;font-size:larger;font-weight:700}.total .title[data-v-2c9a2725],.total[data-v-2c9a2725]{display:flex;align-items:center}.total .title .el-icon-back[data-v-2c9a2725]{font-weight:bolder;color:#3a8ee6;margin-right:10px}.total .title .el-icon-back[data-v-2c9a2725]:hover{cursor:pointer}.blog-content[data-v-2c9a2725]:hover{background-color:rgba(58,142,230,.3);cursor:pointer}.blog-content:hover .el-tag[data-v-2c9a2725]{color:#fff;background-color:#3a8ee6}.blog-content[data-v-2c9a2725]{padding:10px;height:auto;border-bottom:1px solid #c7a35c;transition:.3s}.blog-content .el-image[data-v-2c9a2725]{border-radius:5px;box-sizing:border-box;flex-shrink:0}.blog-content .blog-info[data-v-2c9a2725]{display:flex;align-items:center;color:rgba(0,0,0,.4);font-size:10px}.blog-content .blog-info .user-info[data-v-2c9a2725]{display:flex;justify-content:space-around;align-items:center;margin-right:15px}.blog-content .blog-info .user-info .el-avatar[data-v-2c9a2725]{margin-right:5px;width:22px;height:22px}.blog-content .blog-info .user-info .header[data-v-2c9a2725]{text-decoration:none;color:#3a8ee6;font-weight:700}.blog-content .blog-info .blog-date[data-v-2c9a2725]{margin-right:15px}.blog-content .blog-info .blog-type[data-v-2c9a2725]{margin-left:auto}.img[data-v-2c9a2725]{margin-top:25px;width:150px;height:150px}.description[data-v-2c9a2725]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font:300 1em/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}body[data-v-3a2274cf]{height:100vh;overflow:hidden}.box[data-v-3a2274cf]{width:100%;height:100vh;position:relative}.sidebar[data-v-3a2274cf]{position:fixed;top:0;left:0;bottom:0;color:#fff;width:250px;height:100%;overflow:hidden;overflow-y:auto;background:rgba(75,75,75,.9)}.sidebar nav[data-v-3a2274cf]{margin:0;display:flex;list-style:none;flex-direction:column}.sidebar nav a[data-v-3a2274cf]{font:16px/1.5 Microsoft Yahei,PingFang SC,Hiragino Sans GB,sans-serif;list-style:none;box-sizing:border-box;text-decoration:none;color:#fff;padding:1em;display:block;text-align:center;transition:background .3s,box-shadow .3s}.sidebar nav a[data-v-3a2274cf]:hover{background:#3c3c3c}.sidebar .avatar[data-v-3a2274cf]{width:140px;height:140px;margin:1em auto;margin-top:5em;background:#fff;border-radius:100%;border:5px solid #fff;transition:transform .5s}.sidebar .avatar img[data-v-3a2274cf]{width:100%;border-radius:50%}.sidebar .avatar img[data-v-3a2274cf]:hover{transform:rotate(1turn);transition:all 1.5s}main[data-v-3a2274cf]{color:#353535;font:16px/1.5 Microsoft Yahei,PingFang SC,Hiragino Sans GB,sans-serif;box-sizing:border-box;margin-left:250px}main section[data-v-3a2274cf]{top:50%;transform:translateY(-50%);position:relative;background-color:hsla(0,0%,100%,.8);border:3px dashed rgba(0,0,0,.3);border-radius:20px;padding:20px}main section .title[data-v-3a2274cf]{display:flex;justify-content:flex-start;align-items:center}main section .title i[data-v-3a2274cf]{font-size:larger;margin-right:10px}main section a[data-v-3a2274cf]{text-decoration:none}main section[data-v-3a2274cf]:before{content:"";position:absolute;width:0;height:0;border-right:20px solid rgba(0,0,0,.3);border-top:20px solid transparent;border-bottom:20px solid transparent;top:50%;transform:translateY(-50%);left:-20px}main #info .warp .row[data-v-3a2274cf]{display:flex;justify-content:space-between;align-items:center}main #skills .center-fixed[data-v-3a2274cf]{text-align:center;display:flex;flex-direction:column}main #skills .center-fixed .skills-icon[data-v-3a2274cf]{width:100px;height:100px;margin:0 auto;background:#fff;border-radius:100%;box-shadow:0 5px rgba(0,0,0,.3)}main #skills .center-fixed .skills-icon i[data-v-3a2274cf]{font-size:50px;line-height:100px;transition:all 1s}main #skills .center-fixed .skills-icon .fa-html5[data-v-3a2274cf]{content:"\f13b"}main #skills .center-fixed .skills-icon:hover i[data-v-3a2274cf]{transform:rotate(180deg);transition:all 1s}main #works .el-card[data-v-3a2274cf] .el-card__body{padding:0}main #works .works-item[data-v-3a2274cf]{margin-bottom:20px;position:relative}main #works .works-item .works-item-back[data-v-3a2274cf],main #works .works-item .works-item-front[data-v-3a2274cf]{background-color:#fff;text-align:center;border-radius:5px;box-shadow:0 0 5px 0 #ccc;border:1px solid #5d5d5d;transition:all 1s;backface-visibility:hidden;width:100%;height:400px}main #works .works-item .works-item-front .el-image[data-v-3a2274cf]{max-width:100%;max-height:320px;border-radius:5px 5px 0 0}main #works .works-item .works-item-front p[data-v-3a2274cf]{color:#303133}main #works .works-item .works-item-back[data-v-3a2274cf]{box-sizing:border-box;padding:20px;position:absolute;top:0;background:hsla(0,0%,100%,.8);transform:rotateY(180deg);text-align:left}main #works .works-item .works-item-back .p_1[data-v-3a2274cf]{color:#6392f1;font-weight:700}main #works .works-item:hover .works-item-back[data-v-3a2274cf]{transform:rotateY(0deg)}main #works .works-item:hover .works-item-front[data-v-3a2274cf]{transform:rotateY(180deg)}main #hobbys .el-card[data-v-3a2274cf] .el-card__body{padding:0;height:350px}main #hobbys .hobby[data-v-3a2274cf]{opacity:.9;background-color:hsla(0,0%,100%,.9);box-shadow:none;margin-bottom:20px;border-radius:20px}main #hobbys .hobby .el-image[data-v-3a2274cf]{width:100%;max-height:200px}main #hobbys .hobby .tit[data-v-3a2274cf]{margin:0 auto;line-height:20px;text-align:center}main #hobbys .hobby p[data-v-3a2274cf]{margin:0;padding:20px;font-size:medium}main #summary ul li[data-v-3a2274cf]{line-height:50px;border-bottom:2px dashed #63a35c;background-color:rgba(0,0,0,.1);margin-bottom:20px;border-radius:9999px;list-style-type:circle}@media screen and (max-width:768px){.sidebar[data-v-3a2274cf]{position:relative;top:0;width:100%;height:auto;display:flex;flex-direction:column}.sidebar .avatar[data-v-3a2274cf]{margin:1rem auto;width:100px;height:100px}.sidebar nav[data-v-3a2274cf]{background-color:hsla(0,0%,100%,.1);display:flex;flex-direction:row;justify-content:space-around;align-items:center}main[data-v-3a2274cf]{margin:0 auto;width:100%;text-align:center}main section[data-v-3a2274cf]{border-radius:0;border:none}main #summary ul li[data-v-3a2274cf]{border-radius:0;border-bottom:none;background-color:transparent;text-align:left}}.demo-container[data-v-a0de202a]{width:100%;margin:0 auto!important;display:flex;flex-direction:row;flex-wrap:wrap}.demo-container .demo[data-v-a0de202a]{width:300px;margin-right:10px;color:#fff;background-size:cover;background-repeat:no-repeat}.demo-container .demo .pro-info[data-v-a0de202a]{transform:translateY(160px);transition:.6s;background-color:rgba(44,62,80,.4);width:100%;padding-left:10px}.demo:hover .pro-info[data-v-a0de202a]{transform:translateY(0);transition:.6s}.el-card[data-v-a0de202a]{width:80%;margin:15px auto;padding:0;background-repeat:round}.el-card[data-v-a0de202a] .el-card__body{display:flex;height:220px;padding:0;margin:0}.el-card[data-v-a0de202a]:hover{cursor:pointer}.el-image[data-v-a0de202a]{width:50%;height:100%;clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.el-card:hover .el-image[data-v-a0de202a]{-webkit-transform:scale(1.1);transition:all .6s}.project[data-v-a0de202a]{width:400px}.project .pro-info[data-v-a0de202a]{margin-top:15px;margin-left:30px;margin-right:20px;width:60%}.project .pro-info .proTech[data-v-a0de202a]{display:flex;flex-wrap:wrap;font-size:small}.project .pro-info .proTech .tech[data-v-a0de202a]{margin:5px}@media screen and (max-width:480px){.el-card[data-v-a0de202a]{width:95%;margin:10px auto;padding:0}.el-image[data-v-a0de202a]{width:100%;height:100%;clip-path:none}.el-card[data-v-a0de202a] .el-card__body{height:auto;flex-direction:column}.el-card[data-v-a0de202a] .el-card__body .image{width:100%;height:auto;flex-shrink:0}.demo-container[data-v-a0de202a]{width:100%!important;margin:0 auto!important}.demo-container .demo[data-v-a0de202a]{width:100%;background-size:contain}.demo-container .demo .pro-info[data-v-a0de202a]{margin-top:160px;color:#000;transform:translateY(0);transition:.6s;background-color:hsla(0,0%,100%,.6);width:100%;padding-left:15px;padding-right:15px}.project .pro-info[data-v-a0de202a]{width:90%;margin:0 auto;margin-bottom:10px}}.el-container[data-v-338c9106]{display:block}.publish[data-v-338c9106]{margin-bottom:20px}.author[data-v-338c9106]{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px}.author .nkname[data-v-338c9106]{margin:10px}.img[data-v-338c9106]{width:300px;margin:20px}.comment[data-v-338c9106]{border-bottom:1px dashed #ccc;margin:30px 0;display:flex}.content[data-v-338c9106]{text-align:left;font-size:14px;flex-grow:1}.content .nkname[data-v-338c9106]{margin-left:10px;max-width:530px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .nkname .date[data-v-338c9106],.content .nkname .rp[data-v-338c9106]{color:#999;margin-left:10px}.content .nkname .blog[data-v-338c9106]{color:#349edf;margin-left:10px}.content .reply[data-v-338c9106]{margin-left:10px}.content .op[data-v-338c9106]{color:#ddd;font-weight:lighter}.content .op .rep[data-v-338c9106]{color:#349edf}.content .op .del[data-v-338c9106]{color:red}.content .op[data-v-338c9106]:hover{cursor:pointer}.el-timeline[data-v-10351985]{font:16px/1.5 Microsoft Yahei,PingFang SC,Hiragino Sans GB,sans-serif!important;width:80%;margin:0 auto}.el-timeline .el-image[data-v-10351985]{width:200px}.el-timeline .el-card[data-v-10351985]{border-radius:20px;box-shadow:0 0 15px 5px #fff}@media screen and (max-width:768px){.el-timeline[data-v-10351985]{width:98%;padding:2px}.el-timeline[data-v-10351985] .el-timeline-item__wrapper{padding-left:15px!important}}