body{background-color:#fff}.keep-header{display:none;}@media screen and (max-width:767px){.keep-header{display:block}.keep-header .download-wrapper-phone{top:75px}}.keep-footer{display:none}.k-fixed-header{background-color:#000}.keep-main-content{margin:0 auto;width:100%;overflow-x:hidden}.blog-detail-wrapper{margin-top:0;padding:0;margin-bottom:0;}@media screen and (min-width:768px) and (max-width:1023px){.blog-detail-wrapper{margin-top:0}}@media screen and (min-width:1024px){.blog-detail-wrapper{margin-top:0}}.blog-detail-wrapper .blog-detail-title{font-size:36px;font-weight:bold;line-height:48px;color:#111;max-width:848px;margin:168px auto 86px;}@media screen and (max-width:767px){.blog-detail-wrapper .blog-detail-title{margin:120px auto 40px;padding:0 20px;font-size:20px;line-height:28px;font-weight:600}}@media screen and (max-width:1340px) and (min-width:768px){.blog-detail-wrapper .blog-detail-title{font-size:28px;line-height:39px;max-width:688px;margin:163px auto 64px}}.blog-detail-wrapper .blog-detail-content{max-width:848px;margin:0 auto 102px;position:relative;font-size:16px;line-height:32px;color:#666;user-select:none;}@media screen and (max-width:767px){.blog-detail-wrapper .blog-detail-content{margin:40px auto 60px;padding:0 20px;font-size:15px;line-height:28px}}@media screen and (max-width:1340px) and (min-width:768px){.blog-detail-wrapper .blog-detail-content{max-width:688px}}.blog-detail-wrapper .blog-detail-content video,.blog-detail-wrapper .blog-detail-content img{display:block;width:100%;height:auto;margin:40px 0}.blog-detail-wrapper .blog-detail-content p{margin:40px 0}.blog-detail-wrapper .blog-detail-content h1,.blog-detail-wrapper .blog-detail-content h2,.blog-detail-wrapper .blog-detail-content h3,.blog-detail-wrapper .blog-detail-content h4,.blog-detail-wrapper .blog-detail-content h5,.blog-detail-wrapper .blog-detail-content h6{color:#333;font-weight:bold;margin:30px 0 20px}.blog-detail-wrapper .blog-detail-content h1{font-size:24px;line-height:1.5}.blog-detail-wrapper .blog-detail-content h2{font-size:22px;line-height:1.5}.blog-detail-wrapper .blog-detail-content h3{font-size:20px;line-height:1.5}.blog-detail-wrapper .blog-detail-content h4{font-size:18px;line-height:1.5}.blog-detail-wrapper .blog-detail-content h5,.blog-detail-wrapper .blog-detail-content h6{font-size:16px;line-height:1.5}.blog-detail-wrapper .blog-detail-content ul,.blog-detail-wrapper .blog-detail-content ol{margin:40px 0}.blog-detail-wrapper .blog-detail-content li{margin:10px 0;list-style-type:initial}.blog-detail-wrapper .blog-detail-content blockquote{margin:30px 0;padding:15px 20px;border-left:4px solid #eee;background-color:#f9f9f9;color:#777;font-style:italic}.blog-detail-wrapper .blog-detail-content strong{font-weight:bold}.blog-detail-wrapper .blog-detail-content em{font-style:italic}.blog-detail-wrapper .blog-detail-content a{color:#4285f4;text-decoration:none;transition:color .3s;}.blog-detail-wrapper .blog-detail-content a:hover{color:#2a75f3;text-decoration:underline}.blog-detail-wrapper .blog-detail-content code{font-family:monospace;background-color:#f5f5f5;padding:2px 4px;border-radius:3px;font-size:14px;color:#e74c3c}.blog-detail-wrapper .blog-detail-content pre{background-color:#f5f5f5;padding:15px;border-radius:5px;overflow:auto;margin:20px 0;}.blog-detail-wrapper .blog-detail-content pre code{background-color:transparent;padding:0;color:#666}.blog-detail-wrapper .blog-detail-content table{width:100%;border-collapse:collapse;margin:30px 0}.blog-detail-wrapper .blog-detail-content th,.blog-detail-wrapper .blog-detail-content td{border:1px solid #eee;padding:10px;text-align:left}.blog-detail-wrapper .blog-detail-content th{background-color:#f9f9f9;font-weight:bold}.blog-detail-wrapper .blog-detail-content hr{height:1px;background-color:#eee;border:none;margin:40px 0}@media screen and (max-width:767px){.blog-detail-wrapper .blog-detail-content h1{font-size:22px;line-height:1.4}.blog-detail-wrapper .blog-detail-content h2{font-size:20px;line-height:1.4}.blog-detail-wrapper .blog-detail-content h3{font-size:18px;line-height:1.4}.blog-detail-wrapper .blog-detail-content h4,.blog-detail-wrapper .blog-detail-content h5,.blog-detail-wrapper .blog-detail-content h6{font-size:16px;line-height:1.4}.blog-detail-wrapper .blog-detail-content blockquote{margin:20px 0;padding:10px 15px}.blog-detail-wrapper .blog-detail-content pre{padding:10px}.blog-detail-wrapper .blog-detail-content table{font-size:14px}.blog-detail-wrapper .blog-detail-content video,.blog-detail-wrapper .blog-detail-content img{margin:20px 0}.blog-detail-wrapper .blog-detail-content p{margin:20px 0}}.blog-detail-wrapper .share-wrapper{position:fixed;left:calc(50% + 424px + 17px);width:300px;z-index:10;}.blog-detail-wrapper .share-wrapper .popover{display:none;position:absolute;background-color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,0.05);left:-16px;top:50%;transform:translate(-100%,-50%);--triangle-size:8px;}.blog-detail-wrapper .share-wrapper .popover::after{content:'';position:absolute;width:0;height:0;border-top:var(--triangle-size) solid transparent;border-bottom:var(--triangle-size) solid transparent;border-left:var(--triangle-size) solid #fff;right:calc(-1 * var(--triangle-size) + 1px);top:50%;transform:translateY(-50%)}.blog-detail-wrapper .share-wrapper .popover .popover-title{margin:20px 14px 4px;font-size:16px;color:#333;font-weight:500;line-height:24px;text-align:center;white-space:nowrap}.blog-detail-wrapper .share-wrapper .popover .popover-subtitle{font-size:12px;line-height:18px;color:#999;text-align:center}.blog-detail-wrapper .share-wrapper .popover .popover-qrcode{width:120px;height:120px;margin:12px auto 18px;padding:0 18px}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item{display:flex;align-items:center;height:44px;width:156px;box-sizing:border-box;padding-left:32px;font-size:14px;font-weight:500;color:#222;transition:all .2s ease;}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:hover,.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:active{background-color:#f8f8f8;}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:hover .wechat-popover,.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:active .wechat-popover{display:block;}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:hover .wechat-popover::after,.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:active .wechat-popover::after{display:none}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:first-child{margin-top:14px}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item:last-child{margin-bottom:14px}.blog-detail-wrapper .share-wrapper .popover .popover-menu-item .icon{width:24px;height:24px;margin-right:12px}.blog-detail-wrapper .share-wrapper .download-btn,.blog-detail-wrapper .share-wrapper .share-btn{position:relative;box-sizing:border-box;height:48px;width:fit-content;border:1.5px solid rgba(0,0,0,0.1);border-radius:24px;display:flex;align-items:center;justify-content:center;padding:0 14px 0 12px;cursor:pointer;font-size:16px;color:#000;background-color:#fff;margin-bottom:16px;transition:all .2s ease;}.blog-detail-wrapper .share-wrapper .download-btn .img,.blog-detail-wrapper .share-wrapper .share-btn .img{width:24px;height:24px;margin-right:8px;flex:none;background-size:cover;background-position:center;background-repeat:no-repeat}.blog-detail-wrapper .share-wrapper .download-btn.active,.blog-detail-wrapper .share-wrapper .share-btn.active{background-color:#000;color:#fff;border-color:#000;}.blog-detail-wrapper .share-wrapper .download-btn.active .popover,.blog-detail-wrapper .share-wrapper .share-btn.active .popover{display:block}.blog-detail-wrapper .share-wrapper .download-btn.active .wechat-popover,.blog-detail-wrapper .share-wrapper .share-btn.active .wechat-popover{display:none}.blog-detail-wrapper .share-wrapper .download-btn .img{background-image:url("../image/72x72_fc7c2fb812288d02f7ff42a12b9e0235a03825ab.png")}.blog-detail-wrapper .share-wrapper .share-btn .img{background-image:url("../image/72x72_2fd31468144f6b5ee1fa15b26f3fd09503347cf6.png")}.blog-detail-wrapper .share-wrapper .download-btn.active .img{background-image:url("../image/72x72_bf2f64d5bf50bad8e929fcdce3afe560b17111b6.png")}.blog-detail-wrapper .share-wrapper .share-btn.active .img{background-image:url("../image/72x72_934388cd0f3adf42bd5abe89d936d74de2f51cf8.png")}@media screen and (max-width:1340px) and (min-width:768px){.blog-detail-wrapper .share-wrapper:not(.fixed){position:static;width:100%;display:flex;gap:16px;margin-bottom:40px;}.blog-detail-wrapper .share-wrapper:not(.fixed) .download-btn,.blog-detail-wrapper .share-wrapper:not(.fixed) .share-btn{margin-bottom:0}.blog-detail-wrapper .share-wrapper:not(.fixed) .share-btn{padding:0 11px;}.blog-detail-wrapper .share-wrapper:not(.fixed) .share-btn .img{margin-right:0}.blog-detail-wrapper .share-wrapper:not(.fixed) .share-btn .text{display:none}.blog-detail-wrapper .share-wrapper:not(.fixed) .popover:not(.wechat-popover){left:50%;top:calc(100% + 22px);transform:translate(-50%,0);}.blog-detail-wrapper .share-wrapper:not(.fixed) .popover:not(.wechat-popover)::after{border-left:var(--triangle-size) solid transparent;border-right:var(--triangle-size) solid transparent;border-bottom:var(--triangle-size) solid #fff;border-top:none;right:auto;top:calc(-1 * var(--triangle-size));left:50%;transform:translateX(-50%)}.blog-detail-wrapper .share-wrapper.fixed{width:auto;top:unset !important;left:unset;bottom:80px;right:40px}.blog-detail-wrapper .share-wrapper.fixed .share-btn,.blog-detail-wrapper .share-wrapper.fixed .download-btn{padding:0 11px;}.blog-detail-wrapper .share-wrapper.fixed .share-btn .img,.blog-detail-wrapper .share-wrapper.fixed .download-btn .img{margin-right:0}.blog-detail-wrapper .share-wrapper.fixed .share-btn .text,.blog-detail-wrapper .share-wrapper.fixed .download-btn .text{display:none}}@media screen and (max-width:767px){.blog-detail-wrapper .share-wrapper{display:none}}