.swiper[data-v-5ebab17f]{margin:0 auto;border-radius:5px;overflow:hidden;margin-bottom:20px}.swiper[data-v-5ebab17f] .el-carousel__indicators{display:none}.swiper .image[data-v-5ebab17f]{transition:.5s cubic-bezier(.165,.84,.44,1);width:100%;height:100%;background-color:gray;position:relative}.swiper .image .count[data-v-5ebab17f]{right:5px;top:5px;width:35px;height:35px;border-radius:50px;font-size:10px;background-color:rgba(0,0,0,.3)}.swiper .image .count[data-v-5ebab17f],.swiper .image .info[data-v-5ebab17f]{position:absolute;color:#fff;display:flex;justify-content:center;align-items:center}.swiper .image .info[data-v-5ebab17f]{opacity:0;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);flex-direction:column;transition:1s cubic-bezier(.165,.84,.44,1);cursor:pointer}.swiper .image .info .date[data-v-5ebab17f],.swiper .image .info .desc[data-v-5ebab17f],.swiper .image .info .title[data-v-5ebab17f]{position:relative;top:50px;opacity:0;transition-delay:.5s;transition:.5s cubic-bezier(.165,.84,.44,1);font-size:10px}.swiper .image .info .desc[data-v-5ebab17f]{width:50%;margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}.swiper .image .min-info[data-v-5ebab17f]{transition:1s cubic-bezier(.165,.84,.44,1);opacity:1;position:absolute;bottom:10px;left:10px;padding:10px;background-color:rgba(0,0,0,.4);color:#fff;border-radius:10px}.swiper .image .min-info .min-date[data-v-5ebab17f],.swiper .image .min-info .min-title[data-v-5ebab17f]{text-align:center;font-size:10px}.swiper .image:hover .min-info[data-v-5ebab17f]{opacity:0}.swiper .image:hover .info[data-v-5ebab17f]{opacity:1}.swiper .image:hover .info .date[data-v-5ebab17f],.swiper .image:hover .info .desc[data-v-5ebab17f],.swiper .image:hover .info .title[data-v-5ebab17f]{top:0;opacity:1}.swiper img[data-v-5ebab17f]{width:100%;height:100%}.article-wrapper-item[data-v-4177d676]{width:100%;height:200px;box-sizing:border-box;background-color:#fff;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;margin-bottom:20px}.article-wrapper-item .bg[data-v-4177d676]{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.article-wrapper-item .bg .colorful[data-v-4177d676]{position:absolute;top:0;left:3px;width:50px;height:50px;transition:3s linear;animation:changeColor-4177d676 1s linear infinite}@keyframes changeColor-4177d676{to{filter:hue-rotate(1turn)}}.article-wrapper-item .bg .cover[data-v-4177d676]{position:relative;width:calc(100% - 5px);height:calc(100% - 5px);border-radius:10px;background-color:#fff}.article-wrapper-item .content[data-v-4177d676]{width:calc(100% - 5px);height:calc(100% - 5px);top:2.5px;left:2.5px;position:relative;padding:5px;box-sizing:border-box;display:flex}.article-wrapper-item .content .image[data-v-4177d676]{width:200px;height:100%;border-radius:10px;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;vertical-align:top}.article-wrapper-item .content .image img[data-v-4177d676]{transition:.3s ease}.article-wrapper-item .content .article-info[data-v-4177d676]{margin-left:10px;width:400px;height:100%;display:inline-flex;vertical-align:top;justify-content:space-between;align-items:center;flex-direction:column;padding:10px;box-sizing:border-box;color:#65b1ff;transition:.2s ease}.article-wrapper-item .content .article-info .title span[data-v-4177d676]{width:100%;display:inline-block;font-size:25px;font-weight:900;text-align:center;margin-bottom:10px}.article-wrapper-item .content .article-info .desc[data-v-4177d676]{display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis;text-indent:30px;font-size:15px;font-weight:400;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-wrapper-item .content .article-other[data-v-4177d676]{display:inline-flex;vertical-align:top;width:100%;color:#65b1ff;transition:.2s ease;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.article-wrapper-item .content .article-other[data-v-4177d676] .el-tag{background-color:#fff;transition:.2s ease;margin-right:5px}.article-wrapper-item .content .article-other .date[data-v-4177d676]{margin-bottom:10px;font-size:15px;text-align:center}.article-wrapper-item .content .article-other .other-info[data-v-4177d676]{display:flex;justify-content:center;align-items:center}.article-wrapper-item .content .article-other .other-info .other-info-item[data-v-4177d676]{font-size:13px;margin-right:10px}.article-wrapper-item .content .article-other[data-v-4177d676]:first-child{justify-content:space-between;align-items:center}.article-wrapper-item .row-reverse[data-v-4177d676]{flex-direction:row-reverse}.article-wrapper-item .row[data-v-4177d676]{flex-direction:row}.article-wrapper-item:hover img[data-v-4177d676]{transform:scale(1.1)}.article-wrapper-item:hover .article-info[data-v-4177d676],.article-wrapper-item:hover .article-other[data-v-4177d676]{color:#ed6943}.article-wrapper-item:hover .article-info[data-v-4177d676] .el-tag,.article-wrapper-item:hover .article-other[data-v-4177d676] .el-tag{color:#ed6943;border-color:#ed6943}.fun-wrapper{cursor:pointer;margin:10px 5px;width:23%;height:100px;background:linear-gradient(0deg,#fff 10%,#a0cfff,#79bbff,#409eff);border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.3);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.fun-wrapper img{width:100%;height:100%;position:absolute;top:0;left:0}.fun-wrapper span{position:relative;z-index:1;color:#fff;font-size:20px;text-shadow:rgba(0,0,0,.35) 0 3px 5px;display:flex;justify-content:center;align-items:center}.fun-wrapper span span{margin-left:5px}.card-wrapper{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:20px}.article-wrapper[data-v-1d8fe484]{margin:0 auto;background-color:hsla(0,0%,100%,.6);border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.3);display:flex;overflow:hidden}.article-wrapper .left[data-v-1d8fe484],.article-wrapper .right[data-v-1d8fe484]{flex:1;height:100%;background-color:hsla(0,0%,100%,.6);padding:20px;box-sizing:border-box;color:#65b1ff;border-radius:10px}.article-wrapper .left .user-info-wrapper[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper[data-v-1d8fe484]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.article-wrapper .left .user-info-wrapper .user-info[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .user-info[data-v-1d8fe484]{width:100%;margin-top:10px}.article-wrapper .left .user-info-wrapper .user-info .nick-name[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .user-info .nick-name[data-v-1d8fe484]{font-weight:900}.article-wrapper .left .user-info-wrapper .user-info .motto[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .user-info .motto[data-v-1d8fe484]{font-size:14px}.article-wrapper .left .user-info-wrapper .user-info .motto[data-v-1d8fe484],.article-wrapper .left .user-info-wrapper .user-info .nick-name[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .user-info .motto[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .user-info .nick-name[data-v-1d8fe484]{text-align:center;margin-top:10px}.article-wrapper .left .user-info-wrapper img[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper img[data-v-1d8fe484]{width:80px;height:80px;border-radius:50%;border:3px solid #fff}.article-wrapper .left .user-info-wrapper .info-touch[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .info-touch[data-v-1d8fe484]{display:flex;justify-content:center;align-items:center;margin-top:30px}.article-wrapper .left .user-info-wrapper .info-touch a[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .info-touch a[data-v-1d8fe484]{color:#65b1ff}.article-wrapper .left .user-info-wrapper .info-touch .min-fun-item[data-v-1d8fe484],.article-wrapper .right .user-info-wrapper .info-touch .min-fun-item[data-v-1d8fe484]{padding:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.article-wrapper .left .user-info-wrapper .info-touch .min-fun-item[data-v-1d8fe484]:hover,.article-wrapper .right .user-info-wrapper .info-touch .min-fun-item[data-v-1d8fe484]:hover{background-color:hsla(0,0%,100%,.6);color:#ed6943}.article-wrapper .left .title[data-v-1d8fe484],.article-wrapper .right .title[data-v-1d8fe484]{font-size:20px;font-weight:900;padding-bottom:10px;border-bottom:1px solid #65b1ff}.article-wrapper .left .a-list[data-v-1d8fe484],.article-wrapper .right .a-list[data-v-1d8fe484]{margin-bottom:20px}.article-wrapper .left .a-list .list[data-v-1d8fe484],.article-wrapper .right .a-list .list[data-v-1d8fe484]{margin-top:10px;list-style:none}.article-wrapper .left .a-list .list li[data-v-1d8fe484],.article-wrapper .right .a-list .list li[data-v-1d8fe484]{padding:10px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;cursor:pointer}.article-wrapper .left .a-list .list li .view-count[data-v-1d8fe484],.article-wrapper .right .a-list .list li .view-count[data-v-1d8fe484]{margin-top:5px;font-size:15px;display:flex;align-items:center}.article-wrapper .left .a-list .list li .view-count span[data-v-1d8fe484],.article-wrapper .right .a-list .list li .view-count span[data-v-1d8fe484]{margin-left:5px;font-size:10px}.article-wrapper .left .a-list .list li[data-v-1d8fe484]:hover,.article-wrapper .right .a-list .list li[data-v-1d8fe484]:hover{background-color:hsla(0,0%,100%,.6);color:#ed6943}.article-wrapper .left .blog-info[data-v-1d8fe484],.article-wrapper .right .blog-info[data-v-1d8fe484]{margin-top:30px}.article-wrapper .left .blog-info .nor-list[data-v-1d8fe484],.article-wrapper .right .blog-info .nor-list[data-v-1d8fe484]{list-style:none}.article-wrapper .left .blog-info .nor-list li[data-v-1d8fe484],.article-wrapper .right .blog-info .nor-list li[data-v-1d8fe484]{padding:10px;display:flex;justify-content:space-between;align-items:center}.article-wrapper .left .blog-info .nor-list li[data-v-1d8fe484] .el-icon,.article-wrapper .right .blog-info .nor-list li[data-v-1d8fe484] .el-icon{margin-right:5px}.article-wrapper .left .blog-info .nor-list li[data-v-1d8fe484] .el-tag,.article-wrapper .right .blog-info .nor-list li[data-v-1d8fe484] .el-tag{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;background-color:#fff;border:none;letter-spacing:1px}.article-wrapper .left .tag-wrapper[data-v-1d8fe484],.article-wrapper .right .tag-wrapper[data-v-1d8fe484]{margin-top:20px}.article-wrapper .left .tag-wrapper .tag-list[data-v-1d8fe484],.article-wrapper .right .tag-wrapper .tag-list[data-v-1d8fe484]{margin-top:10px}.article-wrapper .left .tag-wrapper[data-v-1d8fe484] .el-tag,.article-wrapper .right .tag-wrapper[data-v-1d8fe484] .el-tag{margin:5px;cursor:pointer;background-color:#fff}.article-wrapper .middle[data-v-1d8fe484]{flex:3;padding:20px}.article-wrapper .pagination[data-v-1d8fe484]{display:flex;justify-content:center;align-items:center;margin:20px 0}.wrapper-top{width:100%;display:flex;justify-content:center;align-items:center}.wrapper-top img{width:100%;height:400px;opacity:.8}.wrapper-top .title-info{position:absolute;color:#65b1ff;font-size:50px;font-weight:900;text-align:center;-webkit-text-stroke:.5px #fff;text-shadow:#fff 1px 1px}.article-message{cursor:pointer;margin-top:20px;width:100%;display:flex;justify-content:flex-start;align-items:flex-start}.article-message .comment-submit-btn,.article-message .head-url,.article-message .line{transition:.3s linear}.article-message .date{display:inline-block;margin-left:10px;font-size:5px;text-align:center;color:#a09d9d}.article-message .head-url{width:55px;height:50px;box-sizing:border-box;padding:3px;border:1px solid #dcdfe6;border-radius:5px}.article-message .head-url img{width:100%;height:100%;border-radius:5px}.article-message .message-content{width:100%}.article-message .message-content .line{height:1px;width:100%;margin:5px 0;background-color:#dcdfe6}.article-message .message-content .message,.article-message .message-content .nickname{margin-left:20px;font-size:13px}.comment-fun{width:50px;overflow:hidden;height:50px;position:relative}.comment-fun,.comment-fun .comment-submit-btn{display:flex;justify-content:center;align-items:center}.comment-fun .comment-submit-btn{position:absolute;opacity:0;top:calc(50% - 12px);width:40px;height:24px;background-color:#65b1ff;color:#fff;font-size:13px;border-radius:10px;cursor:pointer}.article-message:hover .head-url{border-color:#65b1ff}.article-message:hover .message-content .line{background-color:#65b1ff}.article-message:hover .comment-submit-btn{opacity:1}.article-content[data-v-e2fbc21e]{position:relative}.article-content[data-v-e2fbc21e] *{color:#7381a0}.article-content[data-v-e2fbc21e] h1{left:-40px;font-size:25px;color:#fff}.comment-content[data-v-e2fbc21e]{width:100%}.comment-item[data-v-e2fbc21e]{width:100%;margin-top:20px}.comment-item .article-comment-content[data-v-e2fbc21e]{margin-left:60px}.article-wrapper[data-v-e2fbc21e]{width:100%;color:#7381a0}.article-comment[data-v-e2fbc21e],.article[data-v-e2fbc21e]{background-color:#fff;margin:0 auto;box-sizing:border-box;color:#7381a0;border-radius:10px;padding:20px 40px;padding-bottom:40px;box-shadow:0 6px 18px rgba(0,0,0,.3);position:relative}.article .article-info[data-v-e2fbc21e]{display:flex;justify-content:flex-end}.article .article-info .item[data-v-e2fbc21e]{display:flex;justify-content:center;align-items:center;margin-left:10px}.article .article-info .item[data-v-e2fbc21e] .el-icon{margin-right:5px}.article[data-v-e2fbc21e] h1{margin:20px 0;position:relative;left:0;padding:10px 20px;background:linear-gradient(90deg,#76d5ff,#20baff 6px,#0394ff);color:#fff;display:inline-block;font-size:25px;border-radius:5px}.article[data-v-e2fbc21e] img{display:block;margin:10px auto}.article-comment[data-v-e2fbc21e]{top:-60px}.article-comment .form[data-v-e2fbc21e]{display:flex}.article-comment .form .el-form-item[data-v-e2fbc21e]{display:inline-block}.article-comment .form .el-form-item .el-form-item__content[data-v-e2fbc21e]{display:inline-flex}.comment-input-wrapper .input-fun[data-v-e2fbc21e]{display:flex;justify-content:flex-start;margin-top:10px}.comment-input-wrapper .input-fun .input-fun-item[data-v-e2fbc21e]{margin-right:10px;border-radius:5px;cursor:pointer}.comment-input-wrapper .input-fun .emjo[data-v-e2fbc21e],.comment-input-wrapper .input-fun .sumit-btn[data-v-e2fbc21e]{height:30px;box-sizing:border-box;padding:5px 10px;background-color:#65b1ff;color:#fff;display:flex;font-size:14px;justify-content:center;align-items:center}.empty{max-width:100vw;height:100vh}.type-wrapper[data-v-6faf2bef]{min-height:100vh}.top[data-v-6faf2bef]{width:100%;position:relative}.top .cover[data-v-6faf2bef]{width:100%;height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden}.top .cover img[data-v-6faf2bef]{width:100%}.top .title[data-v-6faf2bef]{position:absolute;top:100px;left:calc(50vw - 150px);color:#fff;width:300px;font-size:50px;text-align:center;text-shadow:rgba(0,0,0,.3) 1px 1px 10px}.bottom[data-v-6faf2bef]{position:relative;margin:0 auto;margin-top:-60px;background-color:#fff;border-radius:20px;padding:10px 50px;box-sizing:border-box;box-shadow:0 6px 18px rgba(0,0,0,.3);color:#65b1ff;margin-bottom:20px}.bottom .content[data-v-6faf2bef]{margin-top:10px;-moz-column-count:3;column-count:3;-moz-column-gap:10px;column-gap:10px}.bottom .content .article-wrapper[data-v-6faf2bef]{border-radius:10px;overflow:hidden;cursor:pointer;margin-bottom:10px;position:relative}.bottom .content .article-wrapper .article-cover[data-v-6faf2bef]{line-height:0;font-size:0;min-height:300px}.bottom .content .article-wrapper .article-info[data-v-6faf2bef]{position:absolute;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);color:#fff;display:flex;justify-content:center;align-items:center;transition:.5s cubic-bezier(.23,1,.32,1)}.bottom .content .article-wrapper .article-info[data-v-6faf2bef] .el-icon{margin-right:5px}.bottom .content .article-wrapper .article-info .info-c[data-v-6faf2bef]{font-family:宋体;text-align:center}.bottom .content .article-wrapper .article-info .info-c .article-title[data-v-6faf2bef]{font-size:25px;font-weight:900;margin-bottom:20px}.bottom .content .article-wrapper .article-info .info-c .article-date[data-v-6faf2bef]{display:flex;justify-content:center;align-items:center}.bottom .content .article-wrapper .article-info .info-o[data-v-6faf2bef]{position:absolute;left:30px;height:30px;bottom:10px;display:flex;justify-content:center;align-items:center;font-family:900}.bottom .content .article-wrapper .article-info .info-o span[data-v-6faf2bef]{font-size:15px}.bottom .search-wrapper[data-v-6faf2bef]{width:100%;height:50px;display:flex;justify-content:space-around;align-items:center;padding:5px;box-sizing:border-box}.bottom .search-wrapper .info[data-v-6faf2bef]{font-size:18px}.bottom .search-wrapper .info span[data-v-6faf2bef]{font-weight:900;margin-left:10px;font-size:16px}.article-wrapper:hover .article-info[data-v-6faf2bef]{top:0}.loading[data-v-6faf2bef]{margin:10px auto;text-align:center}.loading[data-v-6faf2bef] .el-icon{animation:loading-6faf2bef 1s linear infinite}.show[data-v-6faf2bef]{opacity:1}.hidden[data-v-6faf2bef]{opacity:0}@keyframes loading-6faf2bef{to{transform:rotate(1turn)}}.message-i[data-v-03bfa000]{width:100%;margin-bottom:10px;display:flex;justify-content:flex-start;padding:10px;padding-left:20px;box-sizing:border-box;position:relative;color:#7785a3;font-family:楷体;font-weight:900}.message-i .message-info-left[data-v-03bfa000]{flex:1}.message-i .message-info-left img[data-v-03bfa000]{vertical-align:top;width:50px;height:50px;border-radius:50%}.message-i .message-info-right[data-v-03bfa000]{flex:12;width:100%;height:100%;margin-left:20px}.message-i .message-info-right .date[data-v-03bfa000]{display:none;margin-left:10px;font-size:15px;text-align:center;color:#a09d9d}.message-i .message-info-right .nick-name[data-v-03bfa000]{margin-top:5px;font-size:23px}.message-i .message-info-right .comment-con[data-v-03bfa000]{margin-top:10px;line-height:23px;letter-spacing:1px}.message-i .recover-wrapper[data-v-03bfa000]{flex:2;width:200px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;color:#65b1ff}.message-i .recover-wrapper .recover-btn[data-v-03bfa000]{margin-bottom:10px}.message-i .recover-wrapper .show-comment-btn[data-v-03bfa000]{font-size:10px}.message-i .recover-wrapper .recover-btn[data-v-03bfa000],.message-i .recover-wrapper .show-comment-btn[data-v-03bfa000]{cursor:pointer}.message-i .recover-wrapper .recover-btn[data-v-03bfa000]:hover,.message-i .recover-wrapper .show-comment-btn[data-v-03bfa000]:hover{color:#ed6943}.message-i:hover .date[data-v-03bfa000]{display:inline-block}.message-recover{margin-left:70px}.message-item{padding:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 6px 10px rgba(0,0,0,.3);border-radius:10px;margin-bottom:10px;margin-top:20px}.message-wrapper[data-v-b55a15ea]{margin:0 auto;padding-bottom:10px;box-sizing:border-box;color:#65b1ff;height:auto}.message-wrapper .message[data-v-b55a15ea]{width:100%;height:100%;background-color:transparent;border-radius:10px;box-sizing:border-box;display:flex;justify-content:center}.message-wrapper .message .left[data-v-b55a15ea],.message-wrapper .message .right[data-v-b55a15ea]{height:100%}.message-wrapper .message .left[data-v-b55a15ea]{flex:5}.message-wrapper .message .left .message-input[data-v-b55a15ea]{width:100%;margin-top:20px;padding:20px;box-sizing:border-box;background-color:#fff;box-shadow:0 6px 10px rgba(0,0,0,.3);border-radius:10px}.message-wrapper .message .left .message-input .el-form-item[data-v-b55a15ea]{margin-right:20px}.message-wrapper .message .left .message-input .submit[data-v-b55a15ea]{width:100%;margin-top:10px;display:flex;justify-content:space-between}.message-wrapper .message .left .message-input .submit .emj[data-v-b55a15ea]{width:50px;height:100%;background-color:#409eff;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;opacity:0}.message-wrapper .message .right[data-v-b55a15ea]{flex:2;margin-left:20px}.message-wrapper .message .right .info-con[data-v-b55a15ea]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:20px;box-sizing:border-box;font-family:楷体;font-weight:900;margin-top:20px;background-color:#fff;color:#7785a3;box-shadow:0 6px 10px rgba(0,0,0,.3);border-radius:10px}.message-wrapper .message .right .info-con .info-item[data-v-b55a15ea]{width:100%;padding:10px;border-bottom:1px solid rgba(0,0,0,.1);margin-top:20px;box-sizing:border-box}.message-wrapper .message .right .info-con .info-item[data-v-b55a15ea]:first-child{width:100%;display:flex;justify-content:center;align-items:center}.message-wrapper .message .right .info-con .info-item:first-child img[data-v-b55a15ea]{width:80px;height:80px;border-radius:50%}.title[data-v-b55a15ea]{font-size:40px;font-weight:900;margin-bottom:50px;text-align:center;-webkit-text-stroke:.5px #fff;text-shadow:#fff 1px 1px}.bg-img[data-v-b55a15ea]{position:absolute;width:100%;top:0;left:0;z-index:-1}.data-wrapper[data-v-23d6f941]{margin:0 auto;margin-bottom:10px;background-color:#fff;border-radius:10px}.data-wrapper .data-item[data-v-23d6f941]{margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;width:1000px;height:400px}.data-wrapper .data-item .data[data-v-23d6f941]{width:100%;height:100%}.funct-wrapper[data-v-940ea088]{margin:0 auto;margin-bottom:10px;background-color:#fff;border-radius:10px;min-height:100vh;box-sizing:border-box;padding:10px;max-width:1150px;position:relative;color:#7381a0}.funct-wrapper .funct[data-v-940ea088]{width:100px;height:100px;margin:5px;cursor:pointer;display:inline-block;position:relative}.funct-wrapper .funct .funct-small[data-v-940ea088]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.funct-wrapper .funct .funct-small .funct-icon[data-v-940ea088]{margin-bottom:20px;width:30px;height:30px}.funct-wrapper .funct .funct-big[data-v-940ea088]{width:300px;height:300px;position:absolute;z-index:999;top:105px;left:calc(50% - 150px);padding:10px;border-radius:5px;box-sizing:border-box;background-color:#96caff;transition:opacity 1s,visibility 1s;opacity:0;visibility:hidden;pointer-events:none;box-shadow:1px 1px 5px 1px hsla(210,1%,58%,.4)}.funct-wrapper .funct .funct-big .funct-img[data-v-940ea088]{width:100%;max-height:250px}.funct-wrapper .funct .funct-big .create-time[data-v-940ea088]{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.funct-wrapper .funct[data-v-940ea088]:hover{background-color:rgba(0,0,0,.05)}.funct-wrapper .funct:hover .funct-big[data-v-940ea088]{opacity:1;visibility:visible}.funct-bg[data-v-940ea088]{position:absolute;width:400px;height:400px;top:calc(50% - 200px);left:calc(50% - 200px);opacity:.3}div[data-v-7b42b76c]{display:flex;justify-content:center;align-items:center;position:relative}.song-img-url[data-v-7b42b76c]{width:45px;height:45px;overflow:hidden;border-radius:50%;margin-right:10px;position:relative;cursor:pointer}.song-img-url img[data-v-7b42b76c]{width:calc(100% - 3px);height:calc(100% - 3px);border-radius:50%;z-index:20}.song-img-url .proccess-num[data-v-7b42b76c]{position:absolute;z-index:99;font-size:10px;font-weight:900}.song-img-url .proccess-num span[data-v-7b42b76c]{font-size:5px}.song-img-url .song-proccess-wrapper[data-v-7b42b76c]{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0}.song-img-url .song-proccess-wrapper .song-proccess[data-v-7b42b76c]{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100% 100% 0 0}.song-img-url .song-proccess-wrapper .song-proccess .cover[data-v-7b42b76c]{width:50%;height:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:1}.song-img-url .song-proccess-wrapper .song-proccess .proccess-left[data-v-7b42b76c],.song-img-url .song-proccess-wrapper .song-proccess .proccess-right[data-v-7b42b76c]{width:50%;height:100%;position:absolute;top:0;left:0;background-color:#ff65ea;transform-origin:right;border-radius:50px 0 0 50px}.rotate[data-v-7b42b76c]{animation:rotate-7b42b76c 2s linear infinite}@keyframes rotate-7b42b76c{to{transform:rotate(1turn)}}.song-name[data-v-7b42b76c]{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;font-size:13px;cursor:pointer}.music-ctrl[data-v-7b42b76c]{margin-left:10px}.music-ctrl .song-words[data-v-7b42b76c]{background-color:transparent;border-radius:50%;color:#fff;box-sizing:border-box}.music-ctrl .song-words[data-v-7b42b76c]:hover{color:#ff65ea}.music-ctrl .show-song-words[data-v-7b42b76c]{background-color:#fff;color:#65b1ff}.music-ctrl-btn[data-v-7b42b76c]{margin-left:5px;width:30px;height:30px;cursor:pointer}.left[data-v-7b42b76c]{transform:rotate(180deg)}.music-wrapper[data-v-20d6b3f7]{position:relative}.show-wrapper[data-v-20d6b3f7]{position:absolute;top:50px;left:0;z-index:9999;border-radius:5px;color:#65b1ff;display:block;box-sizing:border-box;background-color:hsla(0,0%,100%,.8)}.show-list-wrapper[data-v-20d6b3f7]{width:300px;height:500px;padding:20px}.show-list-wrapper .tips[data-v-20d6b3f7]{position:absolute;top:.5%;left:50px;width:200px;font-size:1px}.show-list-wrapper .music-user-info[data-v-20d6b3f7]{padding-bottom:20px;border-bottom:1px solid #65b1ff}.show-list-wrapper .music-user-info img[data-v-20d6b3f7]{width:50px;height:50px;border-radius:50%;border:2px solid #fff}.show-list-wrapper .music-user-info .music-user-text-info[data-v-20d6b3f7]{display:block;width:100px}.show-list-wrapper .music-user-info .music-user-text-info .music-user-nickname[data-v-20d6b3f7]{width:150px;margin-bottom:5px}.show-list-wrapper .music-user-info .music-user-text-info .music-user-vip[data-v-20d6b3f7]{width:150px}.show-list-wrapper .music-user-info .music-user-text-info .music-user-vip span[data-v-20d6b3f7]{padding:3px 8px;border-radius:10px;color:#fff;font-weight:900;display:inline-block}.show-list-wrapper .music-user-info .music-user-text-info .music-user-vip span[data-v-20d6b3f7]:first-child{font-size:10px}.show-list-wrapper .music-user-info .music-user-text-info .music-user-vip span[data-v-20d6b3f7]:last-child{font-size:5px;color:#65b1ff}.show-list-wrapper .title[data-v-20d6b3f7]{margin-top:10px;font-size:16px}.show-list-wrapper .now-play-list[data-v-20d6b3f7]{display:block;width:100%;height:360px;overflow-y:auto}.show-list-wrapper .now-play-list .play-list-item[data-v-20d6b3f7]{width:100%;padding:5px;box-sizing:border-box;display:block;cursor:pointer;text-align:left}.show-list-wrapper .now-play-list .play-list-item[data-v-20d6b3f7]:hover{background-color:rgba(0,0,0,.1)}.show-lyc-wrapper[data-v-20d6b3f7]{padding:20px 10px}.nav-wrapper[data-v-20d6b3f7]{width:100vw;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:99;height:50px;transition:.5s linear}.nav-top[data-v-20d6b3f7]{background-color:transparent}.nav-not-top[data-v-20d6b3f7]{background-color:rgba(0,0,0,.8)}.menu-icon[data-v-20d6b3f7]{display:none}.nav-2[data-v-20d6b3f7]{display:none;transition:.4s cubic-bezier(.175,.885,.32,1.275)}.nav[data-v-20d6b3f7]{width:1200px;height:100%;color:#fff;display:flex}.nav div[data-v-20d6b3f7]{display:flex;justify-content:center;align-items:center}.log-wrapper[data-v-20d6b3f7]{flex:2}.nav-item[data-v-20d6b3f7]{flex:1;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative}.nav-item .nav-item-c[data-v-20d6b3f7]{width:100%;height:50px}.nav-item a[data-v-20d6b3f7]{color:#fff}.nav-item[data-v-20d6b3f7] .el-icon{margin-right:5px}.nav-item .nav-item-item-wrapper[data-v-20d6b3f7]{position:absolute;top:50px;left:0;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;display:none}.nav-item .nav-item-item-wrapper .nav-item-item[data-v-20d6b3f7]{width:100%;height:50px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2)}.nav-item .nav-item-item-wrapper .nav-item-item[data-v-20d6b3f7]:hover,.nav-item[data-v-20d6b3f7]:hover{background-color:rgba(0,0,0,.4)}.nav-item:hover .nav-item-item-wrapper[data-v-20d6b3f7]{display:flex}.nav-item-search[data-v-20d6b3f7]{flex:2;padding:0 30px;position:relative}.nav-item-search[data-v-20d6b3f7] .el-input{width:100%;background-color:transparent}.nav-item-search[data-v-20d6b3f7] .el-input div,.nav-item-search[data-v-20d6b3f7] .el-input input,.nav-item-search[data-v-20d6b3f7] .el-input span{background-color:transparent;color:#fff}.nav-item-search[data-v-20d6b3f7] .el-input input::-moz-placeholder{color:#fff}.nav-item-search[data-v-20d6b3f7] .el-input input::placeholder{color:#fff}.nav-item-search .search-item-wrapper[data-v-20d6b3f7]{position:absolute;top:50px;left:-5px;width:95%;min-height:300px;max-height:430px;overflow:auto;background-color:#fff;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.3);padding:10px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.nav-item-search .search-item-wrapper .search-item[data-v-20d6b3f7]{border-radius:5px;width:100%;height:30px;padding:5px 0;display:flex;justify-content:flex-start;color:#65b1ff;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}.nav-item-search .search-item-wrapper .search-item>span[data-v-20d6b3f7]{width:28px;margin-left:10px;font-size:13px}.nav-item-search .search-item-wrapper .search-item .search-img[data-v-20d6b3f7]{width:30px;height:30px;margin-left:5px;margin-right:20px}.nav-item-search .search-item-wrapper .search-item .search-title[data-v-20d6b3f7]{display:inline-block;width:170px;font-size:14px;height:100%;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item-search .search-item-wrapper .search-item[data-v-20d6b3f7]:hover{color:#fff;background-color:#65b1ff;border-bottom:1px solid #65b1ff}@media screen and (max-width:750px){.nav-wrapper[data-v-20d6b3f7]{justify-content:flex-start}.nav[data-v-20d6b3f7]{display:none}.top[data-v-20d6b3f7]{width:100%;flex-direction:column}.head-img[data-v-20d6b3f7],.top[data-v-20d6b3f7]{display:flex;justify-content:center;align-items:center}.head-img[data-v-20d6b3f7]{margin:10px auto;box-sizing:border-box}.head-img img[data-v-20d6b3f7]{border-radius:50%;width:80px;height:80px}.min-fun[data-v-20d6b3f7]{display:flex;width:90%;height:50px;align-items:center;justify-content:space-around}.menu-icon[data-v-20d6b3f7]{display:block;cursor:pointer}.mask[data-v-20d6b3f7]{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);top:0;left:0;overflow:hidden;z-index:-1}.nav-2[data-v-20d6b3f7]{display:block;position:fixed;top:0;left:0}.nav-2 .menu[data-v-20d6b3f7]{width:250px;height:100vh;background-color:#fff;position:relative;z-index:99;overflow:hidden;border-radius:0 20px 20px 0}}.footer-wrapper[data-v-7204eb30]{max-width:100vw;overflow:hidden;height:100px;background-color:#313234;color:#fff;display:flex;justify-content:center;align-items:center}.footer-wrapper div[data-v-7204eb30]{text-align:center;margin:5px 0}.footer-wrapper a[data-v-7204eb30]{text-decoration:none;color:#fff}.bg-wrapper{width:100vw;height:calc(100vh - 100px);background:linear-gradient(180deg,#fff 10%,#a0cfff,#79bbff,#409eff);position:fixed;top:0;left:0;z-index:-1}.waves-wrapper{position:absolute;bottom:0;width:100%}.waves{width:100%;height:150px;margin-bottom:-7px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.bg-squares{width:100%;height:100%;position:relative;list-style:none;z-index:1}.bg-squares li{width:40px;height:40px;background-color:hsla(0,0%,100%,.15);position:absolute;bottom:-160px;animation:square 2s linear infinite}.bg-squares li:first-child{left:10%}.bg-squares li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:2s;animation-duration:17s}.bg-squares li:nth-child(3){left:25%;animation-delay:4s}.bg-squares li:nth-child(4){left:40%;width:60px;height:60px;background-color:hsla(0,0%,100%,.25);animation-duration:22s}.bg-squares li:nth-child(5){left:70%}.bg-squares li:nth-child(6){left:80%;width:120px;height:120px;background-color:hsla(0,0%,100%,.35);animation-duration:3s}.bg-squares li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}.bg-squares li:nth-child(8){left:55%;width:20px;height:20px;background-color:hsla(0,0%,100%,.1);animation-delay:15s;animation-duration:40s}.bg-squares li:nth-child(9){left:23%;width:10px;height:10px;animation-delay:2s;animation-duration:40s}.bg-squares li:nth-child(10){left:89%;width:30px;height:30px;animation-delay:11s}.bg-squares li:nth-child(11){left:2%;width:100px;height:100px;animation-delay:3s;animation-duration:2s}.bg-squares li:nth-child(12){left:95%;width:50px;height:50px;animation-delay:3s;background-color:hsla(0,0%,100%,.3);animation-duration:2s}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-120vh) rotate(600deg)}}.canvas-wrapper[data-v-1b4f086c]{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:999;pointer-events:none}.canvas-wrapper canvas[data-v-1b4f086c]{width:100%;height:100%;background-color:transparent;pointer-events:none}#app{padding:0;margin:0}a{outline:none;text-decoration:none}.number-font-family{letter-spacing:1px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.max-width{max-width:1200px}.wrapper{max-width:100vw}.min-height{height:calc(100vh - 100px)}.ctrl-2-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(#8fc7ff,#f9dcfa,#f8bc73);-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:linear-gradient(#8fc7ff,#f9dcfa,#f8bc73)}.content-top{position:relative;top:-80px}