#app{width:100%;height:100%}[data-v-1bdf58d0]::-webkit-scrollbar{display:none}@keyframes showcontent-1bdf58d0{0%{opacity:0;transform:translateY(100px);filter:blur(20px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media screen and (max-width:768px){.bg[data-v-1bdf58d0]{height:60%!important}.content[data-v-1bdf58d0]{width:100%!important;min-width:100%!important}.content .head[data-v-1bdf58d0]{padding:0 20px}.content .head .logo[data-v-1bdf58d0]{width:50px!important;height:50px!important}.content .me[data-v-1bdf58d0]{margin-top:20px;height:340px!important}.content .me .me-content[data-v-1bdf58d0]{width:100%!important;position:absolute;top:0;left:0;padding:20px 0 0 15px}.content .me .me-content .title[data-v-1bdf58d0]{display:block;width:55%;font-size:47px!important;margin-top:50px}.content .me .me-content .info[data-v-1bdf58d0]{width:100%;padding-right:15px;font-size:16px!important;margin-top:15px}.content .me .me-png[data-v-1bdf58d0]{position:absolute;top:0;right:0}.content .me .me-png img[data-v-1bdf58d0],.content .me .me-png[data-v-1bdf58d0]{width:200px!important;height:200px!important}.content .about-me[data-v-1bdf58d0]{padding:0 10px;margin-top:0!important}.content .about-me .project-box[data-v-1bdf58d0]{flex-wrap:wrap}.content .about-me .project-box .project-item[data-v-1bdf58d0]{width:calc(50% - 5px)!important;margin:0 0 20px 0!important}.content .other[data-v-1bdf58d0]{padding:0 10px;margin-top:30px!important}.content .other .other-box[data-v-1bdf58d0]{flex-wrap:wrap}.content .other .other-box .other-item[data-v-1bdf58d0]{width:calc(100% - 20px)!important;margin:0 0 18px 10px!important;font-size:15px!important;padding:10px!important}.content .other .love-box[data-v-1bdf58d0]{flex-wrap:wrap}.content .other .love-box .love-item[data-v-1bdf58d0]{width:calc(50% - 10px)!important;margin:0 0 20px 0!important;padding:10px!important}.content .other .love-box .love-item .love-content[data-v-1bdf58d0]{font-size:14px!important}.content .other .call[data-v-1bdf58d0]{flex-wrap:wrap}.content .other .call .call-item[data-v-1bdf58d0]{width:auto!important;margin:0 15px 20px 0!important;padding:10px!important;min-width:auto!important}.content .aboutme[data-v-1bdf58d0]{overflow:hidden}.content .aboutme .container[data-v-1bdf58d0]{width:100%!important}.content .aboutme .container .content[data-v-1bdf58d0]{left:10px!important;top:10px!important}.content .aboutme .container .content .des[data-v-1bdf58d0]{width:calc(50% - 20px)!important}.bottom[data-v-1bdf58d0]{width:100%!important;padding-left:15px!important;padding-right:15px!important}.bottom .firld-box[data-v-1bdf58d0]{margin-bottom:20px;margin-left:0!important;margin-right:15px}.bottom .firld-box .firld[data-v-1bdf58d0],.bottom .firld-box .title[data-v-1bdf58d0]{text-align:left!important}}.container[data-v-1bdf58d0]{width:calc(100% - 100px);height:600px;position:relative;padding:20px;margin-top:20px}.container .buttons[data-v-1bdf58d0]{width:100%;position:absolute;bottom:50px;margin-left:50px;text-align:center}.container .buttons .s_button[data-v-1bdf58d0]{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#aaa;background:#000;border-radius:5px;margin:0 25px;font-weight:700;transition:all .5s ease;opacity:.6}.container .buttons .s_button[data-v-1bdf58d0]:hover{cursor:pointer;opacity:.8}.container .slide[data-v-1bdf58d0]{width:100%}.container .slide .item[data-v-1bdf58d0]{width:200px;height:300px;background-position:50%,50%;background-repeat:no-repeat;display:inline-block;background-size:cover;position:absolute;overflow:hidden;top:50%;transform:translateY(-50%);border-radius:18px;box-shadow:0 30px 50px rgba(0,0,0,.2);transition:.5s}.container .slide .item .swiper-title[data-v-1bdf58d0]{display:block;text-align:center;width:60px;left:100%;transform:translateX(-100%);font-size:18px;color:#fff;font-weight:700;position:relative;top:0;writing-mode:vertical-lr;border-radius:0 0 0 18px;background:hsla(0,0%,57%,.5);padding:10px 18px;padding-bottom:18px;font-family:fangsong}.container .slide .item .des[data-v-1bdf58d0]{height:auto;width:calc(50% - 80px);margin:10px 0;opacity:0;animation:showcontent-1bdf58d0 .6s ease-in-out 1 forwards}.container .slide .item button[data-v-1bdf58d0]{padding:10px 20px;border:none;opacity:0;animation:showcontent-1bdf58d0 .3s ease-in-out 1 forwards}.container .slide .item .content[data-v-1bdf58d0]{width:100%;position:absolute;left:30px;height:calc(100% - 30px);top:30px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#eee;display:none}.container .slide .item .content .meinfo[data-v-1bdf58d0]{width:100%;height:100%}.container .slide .item .content .name[data-v-1bdf58d0]{display:block;width:100%;font-size:28px;font-weight:700;opacity:0;animation:showcontent-1bdf58d0 1s ease-in-out 1 forwards}.container .slide .item[data-v-1bdf58d0]:first-child,.container .slide .item[data-v-1bdf58d0]:nth-child(2){top:0;left:0;width:100%;height:100%;transform:translateY(0);border-radius:10px;box-shadow:none}.container .slide .item:first-child .content[data-v-1bdf58d0],.container .slide .item:nth-child(2) .content[data-v-1bdf58d0]{display:block}.container .slide .item[data-v-1bdf58d0]:nth-child(3){left:50%}.container .slide .item[data-v-1bdf58d0]:nth-child(4){left:calc(50% + 220px)}.container .slide .item[data-v-1bdf58d0]:nth-child(5){left:calc(50% + 440px)}.container .slide .item[data-v-1bdf58d0]:nth-child(n+6){left:calc(50% + 660px);opacity:0}.gotop[data-v-1bdf58d0]{position:fixed;bottom:120px;right:60px;padding:5px;border:1px solid #bfbfbf;border-radius:100%;cursor:pointer;width:45px;height:45px;transition:all .3s ease;z-index:100000}.gotop[data-v-1bdf58d0]:hover{box-shadow:-5px 10px 20px 0 rgba(0,0,0,.1);border:1px solid #f5f5f5;background:hsla(0,0%,100%,.2)}.main[data-v-1bdf58d0]{width:100%;height:100%;background:#fff;overflow:auto;position:relative}.main .bg[data-v-1bdf58d0]{background:linear-gradient(145deg,#cffafe 25%,#edeafe 75%)}.main .bg-b[data-v-1bdf58d0],.main .bg[data-v-1bdf58d0]{width:75%;position:absolute;right:0;top:0;border-radius:0 0 0 20px;height:75%;z-index:0}.main .bg-b[data-v-1bdf58d0]{background:linear-gradient(145deg,#6debfc 15%,#dfdafd 85%)}.main .bottom[data-v-1bdf58d0]{width:100%;height:200px;background:#fff;border-top:1px solid #e5e7eb;margin-top:80px;padding-bottom:50px;position:relative;padding-top:25px}.main .bottom .content[data-v-1bdf58d0]{z-index:100;width:65%;min-width:1100px;margin:0 auto;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}.main .bottom .content .logo-box[data-v-1bdf58d0]{width:40%}.main .bottom .content .logo-box img[data-v-1bdf58d0]{width:150px}.main .bottom .content .logo-box span[data-v-1bdf58d0]{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:15px;display:block}.main .bottom .content .firld-box[data-v-1bdf58d0]{width:150px;margin-left:30px}.main .bottom .content .firld-box span[data-v-1bdf58d0]{display:block;width:100%;text-align:right;font-size:14px;line-height:35px;color:#aaa;cursor:pointer}.main .bottom .content .firld-box span[data-v-1bdf58d0]:hover{color:#7dabf5!important}.main .bottom .content .firld-box .title[data-v-1bdf58d0]{font-size:16px;cursor:auto}.main .bottom .content .firld-box .title[data-v-1bdf58d0]:hover{color:#aaa!important}.main .bottom .copy[data-v-1bdf58d0]{display:flex;width:100%;text-align:center;padding-bottom:40px;font-size:13px;color:#aaa;margin-top:50px;align-items:center;justify-content:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.main .bottom .copy .beian[data-v-1bdf58d0]{display:flex;align-items:center;justify-content:center;margin-left:22px}.main .bottom .copy .beian img[data-v-1bdf58d0]{display:block;width:15px;height:15px;margin-right:5px}.main .bottom .copy .beian a[data-v-1bdf58d0]{color:#aaa;text-decoration:none}.main .bottom .copy .beian a[data-v-1bdf58d0]:hover{color:#7dabf5}.main .bottom .icp[data-v-1bdf58d0]{cursor:pointer;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.main .bottom .icp[data-v-1bdf58d0]:hover{border-bottom:1px solid #7dabf5;color:#7dabf5}.main .content[data-v-1bdf58d0]{z-index:100;width:65%;min-width:1100px;margin:0 auto;position:relative}.main .content .aaa-title[data-v-1bdf58d0]{font-size:14px;color:#aaa}.main .content .call[data-v-1bdf58d0]{width:100%;display:flex;align-content:center;margin-top:15px}.main .content .call .call-item[data-v-1bdf58d0]{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:15px;border-radius:5px;margin-right:25px;display:flex;padding-right:30px;border:1px solid;cursor:pointer;min-width:270px;position:relative}.main .content .call .call-item .img[data-v-1bdf58d0]{height:60px;width:60px;display:flex;align-content:center;justify-content:center;padding:10px;border-radius:6px;background:#dde7f7}.main .content .call .call-item .img img[data-v-1bdf58d0]{width:40px;height:40px}.main .content .call .call-item .qr[data-v-1bdf58d0]{width:100%;position:absolute;left:0;bottom:0;opacity:0;transition:all 1s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);height:0}.main .content .call .call-item .qr img[data-v-1bdf58d0]{position:relative;width:100%;height:100%}.main .content .call .call-item .cont[data-v-1bdf58d0]{margin-left:8px;position:relative}.main .content .call .call-item .cont .title[data-v-1bdf58d0]{display:block;font-size:16px}.main .content .call .call-item .cont .info[data-v-1bdf58d0]{display:block;width:100%;font-size:13px;color:#aaa;margin-top:8px}.main .content .call .call-item .cont .ok[data-v-1bdf58d0]{color:#22c55e;font-size:12px;position:absolute;right:30px;bottom:13px;opacity:0;transition:all .3s}.main .content .call .call-item[data-v-1bdf58d0]:hover{box-shadow:0 20px 20px 0 rgba(0,0,0,.1);transition:all .3s}.main .content .other[data-v-1bdf58d0]{width:100%;margin-top:80px}.main .content .other .other-box[data-v-1bdf58d0]{width:100%;margin-top:10px;display:flex;align-content:center;justify-content:space-between;flex-wrap:wrap}.main .content .other .other-item[data-v-1bdf58d0]{width:calc(33% - 20px);margin-right:20px;padding:10px;border-radius:3px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:20px}.main .content .other .other-item[data-v-1bdf58d0]:hover{box-shadow:0 20px 20px 0 rgba(0,0,0,.1);transition:all .3s}.main .content .other .other-item .scp-content[data-v-1bdf58d0]{font-weight:300;line-height:26px;max-width:100%;max-height:40px;text-overflow:ellipsis;font-size:16px}.main .content .other .other-item .scp-type[data-v-1bdf58d0]{font-size:14px;color:#aaa;display:block;margin-top:10px}.main .content .love-box[data-v-1bdf58d0]{width:100%;margin-top:10px;display:flex;align-content:center;justify-content:space-between;flex-wrap:wrap}.main .content .love-box .love-item[data-v-1bdf58d0]{border:1px solid #e5e7eb;width:calc(25% - 20px);margin-right:20px;padding:20px}.main .content .love-box .love-item .yinghao[data-v-1bdf58d0]{width:17px;height:17px}.main .content .love-box .love-item .love-content[data-v-1bdf58d0]{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:17px;font-weight:300;line-height:26px;color:#4b5563}.main .content .love-box .love-item .time[data-v-1bdf58d0]{display:block;font-size:12px;margin-top:10px;margin-bottom:15px;color:#aaa}.main .content .head[data-v-1bdf58d0]{width:100%;height:100px;display:flex;justify-content:space-between;padding-top:30px}.main .content .head .logo[data-v-1bdf58d0]{width:70px;height:70px;margin-top:12px}.main .content .head .logo[data-v-1bdf58d0]:hover{filter:drop-shadow(#22C55E 4px 0);animation:logo 1s infinite alternate}.main .content .head .head-item[data-v-1bdf58d0]{display:flex;align-items:flex-start;z-index:100;padding-top:30px}.main .content .head .head-item .btn[data-v-1bdf58d0]{margin-left:40px;font-size:20px;font-size:16px;cursor:pointer}.main .content .head .head-item .btn[data-v-1bdf58d0]:hover{color:#22c55e}.main .content .head .head-item .change[data-v-1bdf58d0]{width:20px;height:20px;margin-left:40px;cursor:pointer;position:relative;top:0}.main .content .me[data-v-1bdf58d0]{width:100%;display:flex;justify-content:space-between;height:400px;position:relative;top:-20px}.main .content .me .me-content[data-v-1bdf58d0]{width:calc(100% - 400px);display:flex;flex-wrap:wrap;align-content:flex-end}.main .content .me .me-content .title[data-v-1bdf58d0]{font-size:70px;font-weight:600;margin-bottom:10px}.main .content .me .me-content .info[data-v-1bdf58d0]{display:block;width:100%;font-size:20px;line-height:38px}.main .content .me .me-png[data-v-1bdf58d0]{width:400px}.main .content .me .me-png img[data-v-1bdf58d0]{width:400px;height:400px}.main .content .about-me[data-v-1bdf58d0]{width:100%;margin-top:30px}.main .content .about-me .project-box[data-v-1bdf58d0]{width:100%;margin-top:10px;display:flex;align-content:center;justify-content:space-between}.main .content .about-me .project-box .project-item[data-v-1bdf58d0]{width:calc(25% - 20px);margin-right:20px;height:100px;background:#fff;padding:10px;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center}.main .content .about-me .project-box .project-item[data-v-1bdf58d0]:hover{box-shadow:0 20px 20px 0 rgba(0,0,0,.1);transition:all .3s}.main .content .about-me .project-box .project-item img[data-v-1bdf58d0]{width:43px;height:43px;border-radius:10px}.main .content .about-me .project-box .project-item .cont[data-v-1bdf58d0]{margin-left:8px}.main .content .about-me .project-box .project-item .cont .c-title[data-v-1bdf58d0]{display:block;font-size:16px;color:#121212}.main .content .about-me .project-box .project-item .cont .info[data-v-1bdf58d0]{font-size:14px;color:#6b7280;display:block;margin-top:5px}