.f-oh[data-v-cf544506]{overflow:hidden;zoom:1;clear:both}.f-oh a[data-v-cf544506]{margin-right:30px;color:#565755}.f-oh a[data-v-cf544506]:hover{text-decoration:underline;color:#6bc30d}.fs-12[data-v-cf544506]{font-size:12px}.fs-14[data-v-cf544506]{font-size:14px}.fs-16[data-v-cf544506],h6[data-v-cf544506]{font-size:16px}.fs-18[data-v-cf544506]{font-size:18px}.fs-24[data-v-cf544506]{font-size:24px}.fs-32[data-v-cf544506]{font-size:32px}.fc-blue[data-v-cf544506]{color:#2ea7e0}.fc-black[data-v-cf544506]{color:#383937}.fc-grey[data-v-cf544506]{color:#787977}.fc-red[data-v-cf544506]{color:#ff4351}.f-fwb[data-v-cf544506]{font-weight:700}.f-fwn[data-v-cf544506]{font-weight:400}.f-fl[data-v-cf544506]{float:left}.f-vam[data-v-cf544506]{vertical-align:middle}.f-fr[data-v-cf544506]{float:right}.mt05[data-v-cf544506]{margin-top:5px}.mt10[data-v-cf544506]{margin-top:10px}.mt20[data-v-cf544506]{margin-top:20px}.ml05[data-v-cf544506]{margin-left:5px}.ml10[data-v-cf544506]{margin-left:10px}.ml20[data-v-cf544506]{margin-left:20px}.mr05[data-v-cf544506]{margin-right:5px}.f-noneselect[data-v-cf544506]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-link[data-v-cf544506]{color:#3e8bc7!important}.f-cb[data-v-cf544506],.f-cb[data-v-cf544506]:after{display:block;content:" ";height:0;visibility:hidden;clear:both}.c-red[data-v-cf544506]{color:red}.section[data-v-cf544506]{overflow:hidden;display:table;table-layout:fixed;width:100%;position:relative;padding:50px 0;background-size:cover}.page[data-v-cf544506]{width:90%;position:relative;margin:0 auto;padding-top:.1px;font-family:Microsoft YaHei}.blog-ani[data-v-cf544506]{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.blog-ani .large[data-v-cf544506],.blog-ani .medium[data-v-cf544506],.blog-ani .small[data-v-cf544506]{opacity:0;-webkit-transition-property:all;transition-property:all}.blog-ani .large[data-v-cf544506]{-webkit-transition-delay:.6s;transition-delay:.6s;-webkit-transition-duration:1s;transition-duration:1s}.blog-ani .medium[data-v-cf544506]{-webkit-transition-delay:.9s;transition-delay:.9s;-webkit-transition-duration:.75s;transition-duration:.75s}.blog-ani .small[data-v-cf544506]{-webkit-transition-delay:1.1s;transition-delay:1.1s;-webkit-transition-duration:.5s;transition-duration:.5s}.blog-ani.from-bottom .large[data-v-cf544506],.blog-ani.from-bottom .medium[data-v-cf544506],.blog-ani.from-bottom .small[data-v-cf544506]{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}.blog-ani.from-top .large[data-v-cf544506],.blog-ani.from-top .medium[data-v-cf544506],.blog-ani.from-top .small[data-v-cf544506]{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.blog-ani.animation-on .large[data-v-cf544506],.blog-ani.animation-on .medium[data-v-cf544506],.blog-ani.animation-on .small[data-v-cf544506]{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width:576px){.page[data-v-cf544506]{width:540px}}@media screen and (min-width:768px){.page[data-v-cf544506]{width:750px}}@media screen and (min-width:992px){.page[data-v-cf544506]{width:970px}}@media screen and (min-width:1200px){.page[data-v-cf544506]{width:1170px}}.round-avatars .avatar[data-v-cf544506],.round-avatars .avatar img[data-v-cf544506]{border-radius:50%}.avatar[data-v-cf544506],.avatar img[data-v-cf544506]{border-radius:3px}.Yarn_Background[data-v-cf544506]{position:fixed;width:100%;height:100%;background-image:url(../img/bg01.5caa830f1e2f07ff809195db10785161.jpg);background-position:top;background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;z-index:-999}#masthead[data-v-cf544506]{position:relative;z-index:2;display:block;color:#fff;text-align:center;width:100%;height:350px;-webkit-box-sizing:border-box;box-sizing:border-box}.site-branding[data-v-cf544506]{position:relative;display:inline-block;z-index:3;padding-top:110px}.custom-logo[data-v-cf544506]{display:inline-block;width:100px;-webkit-transition:all .6s;transition:all .6s}.custom-logo[data-v-cf544506]:hover{-webkit-transition:all .5s;transition:all .5s;transform:rotate(1turn);-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(350deg)}.blog-description[data-v-cf544506]{text-transform:none;font-weight:400}.decor-wrapper[data-v-cf544506]{width:100%;height:50%;position:absolute;left:0;bottom:0;z-index:2}.decor[data-v-cf544506]{position:absolute;left:0;width:100%;height:100%;z-index:2}.decor.bottom[data-v-cf544506]{bottom:-1px}.decor.top[data-v-cf544506]{top:-1px}.side-bar[data-v-4e2afa1c]{position:fixed;width:0;overflow:visible;z-index:99}.side-bar a[data-v-4e2afa1c]:active,.side-bar a[data-v-4e2afa1c]:hover,.side-bar a[data-v-4e2afa1c]:link,.side-bar a[data-v-4e2afa1c]:visited{color:#fff;text-decoration:none}.box[data-v-4e2afa1c]{display:inline-block;float:right;clear:both}.side[data-v-4e2afa1c]{position:relative;left:22px;padding:16px 32px 16px 64px;margin:8px;x-box-shadow:0 0 8px 0 rgba(0,0,0,.5);-webkit-box-shadow:8px 0 8px -8px rgba(0,0,0,.5);box-shadow:8px 0 8px -8px rgba(0,0,0,.5);background:#fff;-webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s}.side[data-v-4e2afa1c]:hover{position:relative;left:100%;margin-left:-32px;-webkit-box-shadow:0 -8px 8px -8px rgba(0,0,0,.5),0 8px 8px -8px rgba(0,0,0,.5);box-shadow:0 -8px 8px -8px rgba(0,0,0,.5),0 8px 8px -8px rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.side-content[data-v-4e2afa1c]{color:#fff;font-family:droid sans,sans-serif;font-size:16px;font-weight:700;white-space:nowrap}.side-animate[data-v-4e2afa1c]{position:relative;left:100%;margin-left:-32px;-webkit-box-shadow:0 -8px 8px -8px rgba(0,0,0,.5),0 8px 8px -8px rgba(0,0,0,.5);box-shadow:0 -8px 8px -8px rgba(0,0,0,.5),0 8px 8px -8px rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.bg-00[data-v-4e2afa1c]{background:#539770}.bg-01[data-v-4e2afa1c]{background:#4b7d74}.bg-02[data-v-4e2afa1c]{background:#8dc2bc}.bg-03[data-v-4e2afa1c]{background:#e2ae63}.bg-04[data-v-4e2afa1c]{background:#be7467}.bg-05[data-v-4e2afa1c]{background:#edd6b4}@media (max-width:767px){.side[data-v-4e2afa1c]{left:15px}}.f-oh[data-v-89bbd6d0]{overflow:hidden;zoom:1;clear:both}.f-oh a[data-v-89bbd6d0]{margin-right:30px;color:#565755}.f-oh a[data-v-89bbd6d0]:hover{text-decoration:underline;color:#6bc30d}.fs-12[data-v-89bbd6d0]{font-size:12px}.fs-14[data-v-89bbd6d0]{font-size:14px}.fs-16[data-v-89bbd6d0],h6[data-v-89bbd6d0]{font-size:16px}.fs-18[data-v-89bbd6d0]{font-size:18px}.fs-24[data-v-89bbd6d0]{font-size:24px}.fs-32[data-v-89bbd6d0]{font-size:32px}.fc-blue[data-v-89bbd6d0]{color:#2ea7e0}.fc-black[data-v-89bbd6d0]{color:#383937}.fc-grey[data-v-89bbd6d0]{color:#787977}.fc-red[data-v-89bbd6d0]{color:#ff4351}.f-fwb[data-v-89bbd6d0]{font-weight:700}.f-fwn[data-v-89bbd6d0]{font-weight:400}.f-fl[data-v-89bbd6d0]{float:left}.f-vam[data-v-89bbd6d0]{vertical-align:middle}.f-fr[data-v-89bbd6d0]{float:right}.mt05[data-v-89bbd6d0]{margin-top:5px}.mt10[data-v-89bbd6d0]{margin-top:10px}.mt20[data-v-89bbd6d0]{margin-top:20px}.ml05[data-v-89bbd6d0]{margin-left:5px}.ml10[data-v-89bbd6d0]{margin-left:10px}.ml20[data-v-89bbd6d0]{margin-left:20px}.mr05[data-v-89bbd6d0]{margin-right:5px}.f-noneselect[data-v-89bbd6d0]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-link[data-v-89bbd6d0]{color:#3e8bc7!important}.f-cb[data-v-89bbd6d0],.f-cb[data-v-89bbd6d0]:after{display:block;content:" ";height:0;visibility:hidden;clear:both}.c-red[data-v-89bbd6d0]{color:red}.section[data-v-89bbd6d0]{overflow:hidden;display:table;table-layout:fixed;width:100%;position:relative;padding:50px 0;background-size:cover}.page[data-v-89bbd6d0]{width:90%;position:relative;margin:0 auto;padding-top:.1px;font-family:Microsoft YaHei}.blog-ani[data-v-89bbd6d0]{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.blog-ani .large[data-v-89bbd6d0],.blog-ani .medium[data-v-89bbd6d0],.blog-ani .small[data-v-89bbd6d0]{opacity:0;-webkit-transition-property:all;transition-property:all}.blog-ani .large[data-v-89bbd6d0]{-webkit-transition-delay:.6s;transition-delay:.6s;-webkit-transition-duration:1s;transition-duration:1s}.blog-ani .medium[data-v-89bbd6d0]{-webkit-transition-delay:.9s;transition-delay:.9s;-webkit-transition-duration:.75s;transition-duration:.75s}.blog-ani .small[data-v-89bbd6d0]{-webkit-transition-delay:1.1s;transition-delay:1.1s;-webkit-transition-duration:.5s;transition-duration:.5s}.blog-ani.from-bottom .large[data-v-89bbd6d0],.blog-ani.from-bottom .medium[data-v-89bbd6d0],.blog-ani.from-bottom .small[data-v-89bbd6d0]{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}.blog-ani.from-top .large[data-v-89bbd6d0],.blog-ani.from-top .medium[data-v-89bbd6d0],.blog-ani.from-top .small[data-v-89bbd6d0]{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.blog-ani.animation-on .large[data-v-89bbd6d0],.blog-ani.animation-on .medium[data-v-89bbd6d0],.blog-ani.animation-on .small[data-v-89bbd6d0]{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width:576px){.page[data-v-89bbd6d0]{width:540px}}@media screen and (min-width:768px){.page[data-v-89bbd6d0]{width:750px}}@media screen and (min-width:992px){.page[data-v-89bbd6d0]{width:970px}}@media screen and (min-width:1200px){.page[data-v-89bbd6d0]{width:1170px}}.page-container[data-v-89bbd6d0]{z-index:2;position:relative;background:#fff;padding:0 20px;min-height:800px;opacity:.9}.section[data-v-89bbd6d0]{padding:0}.title[data-v-89bbd6d0]{height:80px}.title .message-divider[data-v-89bbd6d0]{font-size:2.2em;font-weight:700}.title p[data-v-89bbd6d0]{font-size:1.1em;text-align:center;padding-top:10px}.title p[data-v-89bbd6d0]:last-child{padding-bottom:20px}.author-location[data-v-89bbd6d0]{font-weight:500;font-size:1.2em;color:grey;margin-bottom:25px}.author-location .el-icon-map-location[data-v-89bbd6d0]{margin-right:5px}.contact[data-v-89bbd6d0]{text-align:center;padding-top:35px}.contact a[data-v-89bbd6d0]{margin:0 15px}.contact a .iconfont[data-v-89bbd6d0]{font-size:2.5em}.contact i[data-v-89bbd6d0]{color:#000}.contact i[data-v-89bbd6d0]:hover{color:rgba(0,0,0,.5)}.introduce-box[data-v-89bbd6d0]{margin-top:30px;margin-bottom:20px}.introduce-box .introduce-title[data-v-89bbd6d0]{margin-top:30px;margin-bottom:20px;font-weight:700;font-size:24px}.introduce-box .field-box p[data-v-89bbd6d0]{margin:5px 0;font-size:18px;text-align:left;text-indent:2em;line-height:40px}.introduce-box .field-box h1[data-v-89bbd6d0]{font-weight:700;font-size:24px;text-align:left;margin-top:25px}.about .about-body .pic-box[data-v-89bbd6d0]{position:relative;height:100%;width:100%;padding-top:30px;min-height:500px}.about .about-body .self-pic[data-v-89bbd6d0]{max-width:250px;max-height:350px;border-radius:5px}.about .about-body .introduce-box .sunglass[data-v-89bbd6d0]{position:relative;left:20px;top:80px;background:url(../img/author01.155c5d602f270875eb7c8c5f2902ed38.jpg) no-repeat;background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover}.about .about-body .introduce-box .moto[data-v-89bbd6d0]{position:relative;left:120px;top:150px;background:url(../img/bg01.5caa830f1e2f07ff809195db10785161.jpg) no-repeat;background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover}.about .about-end[data-v-89bbd6d0]{padding:30px 0 50px;margin-bottom:20px}.skill-box[data-v-89bbd6d0]{margin-top:30px;margin-bottom:20px}.skill-box .skill-title[data-v-89bbd6d0]{margin-top:30px;margin-bottom:20px;font-weight:700;font-size:24px}.skill-box .progress[data-v-89bbd6d0]{padding-top:30px}.skill-box .progress p[data-v-89bbd6d0]{font-size:1.2em;font-weight:700;margin-bottom:10px}.wechatimg[data-v-89bbd6d0]{width:121px;height:121px}@media (max-width:767px){.pic-box[data-v-89bbd6d0]{height:1000px!important;width:100%;padding:10px}.self-pic[data-v-89bbd6d0]{width:90%!important;height:400px!important;border-radius:5px}.self-pic.moto[data-v-89bbd6d0],.self-pic.sunglass[data-v-89bbd6d0]{left:20px!important}}@media (max-width:415px){.title[data-v-89bbd6d0]{height:100px}.title .message-divider[data-v-89bbd6d0]{font-size:1.8em}.title p[data-v-89bbd6d0]{font-size:1em}}@media (max-width:376px){.title .message-divider[data-v-89bbd6d0]{font-size:1.6em}.title p[data-v-89bbd6d0]{font-size:.85em}}