.navdetial{position:relative}.navdetial .side .sideimg{display:none;max-width:100%}.navdetial .side .sidImg{margin-bottom:15px;width:100%}.navdetial .side .sidImg a{cursor:pointer}.navdetial .side .sidImg image{width:100%}.navdetial .side #isAffix{background:#f1f1f1;max-width:300px;width:100%}.navdetial .ncontent{background:#fff;margin-bottom:15px;overflow:hidden;width:100%}.navdetial .ncontent .title{font-size:30px;font-weight:500;margin:0;padding:10px;position:relative}.navdetial .ncontent .title a{color:#222;font-weight:700}.navdetial .ncontent .title .toshare{color:#ababab;float:right;right:0;top:-30px}.navdetial .ncontent .nbox{box-sizing:border-box;margin-bottom:10px;overflow:hidden;padding:5px 10px;width:100%}.navdetial .ncontent .nbox .dimg{float:left}.navdetial .ncontent .nbox .dimg img{margin-right:10px;max-width:200px;min-height:100px}.navdetial .ncontent .nbox .dcont .fli{font-size:15px;line-height:1.5;margin-bottom:10px;word-break:break-all}.navdetial .ncontent .nbox .dcont .fli:last-child{margin-bottom:0}.navdetial .ncontent .nbox .dcont .fli .name{color:#8a8a8a;display:inline-block;width:80px}.navdetial .ncontent .nbox .dcont .fli .nav-link{color:#24292f;color:#50ad2b;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-all;z-index:1}.navdetial .ncontent .nbox .dcont .fli .nav-link:before{background-color:rgba(80,173,43,.1);bottom:0;content:"";height:60%;left:0;position:absolute;transition:width .3s ease;width:0;z-index:-1}.navdetial .ncontent .nbox .dcont .fli .nav-link:hover:before{width:100%}.navdetial .ncontent .nbox .dcont .fli .nav-link:hover{color:#427c2b}.navdetial .ncontent .nbox .dcont .fli .githuburl{color:#3e2bad}.navdetial .ncontent .nbox .dcont .fli .githuburl:before{background-color:rgba(52,43,173,.1)}.navdetial .ncontent .nbox .dcont .fli .githuburl:hover{color:#34277b}.navdetial .ncontent .nbox .dcont .fli .describe{color:#58616c;font-weight:400}.navdetial .ncontent .nbox .dcont .fli .nav-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;height:48px;justify-content:center;line-height:1;margin:0;overflow:hidden;padding:0 32px;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:all .4s ease}.navdetial .ncontent .nbox .dcont .fli .nav-btn:before{background:linear-gradient(90deg,transparent 25%,hsla(0,0%,100%,.3) 50%,transparent 75%);background-size:200% 100%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.navdetial .ncontent .nbox .dcont .fli .nav-btn:hover:before{animation:wave 1.5s linear infinite;opacity:1}@keyframes wave{0%{background-position:200% 0}to{background-position:-200% 0}}.navdetial .ncontent .nbox .dcont .fli .direct-link{background:#0071e3;color:#fff;margin-right:15px}.navdetial .ncontent .nbox .dcont .fli .direct-link:hover{background:#0077ed;box-shadow:0 4px 16px rgba(0,113,227,.3);opacity:1}.navdetial .ncontent .nbox .dcont .fli .default-link{background:#4caf50;color:#fff;margin-right:15px}.navdetial .ncontent .nbox .dcont .fli .default-link:hover{background:#45a049;box-shadow:0 4px 16px rgba(57,84,58,.3);opacity:1}.navdetial .ncontent .nbox .dcont .fli .github-btn{background:#24292f;color:#fff}.navdetial .ncontent .nbox .dcont .fli .github-btn:hover{background:#2d3339;box-shadow:0 4px 16px rgba(36,41,47,.3);opacity:1}.navdetial .ncontent .nbox .dcont .fli .arrow-icon{margin-left:8px;transition:transform .3s ease}.navdetial .ncontent .nbox .dcont .fli .nav-btn:hover .arrow-icon{transform:translateX(3px)}.navdetial .nav_content{padding:0 10px 10px}.navdetial .nlist{padding-bottom:20px;position:relative}.navdetial .nlist .pli{width:22%!important}.navdetial .nlist .more{color:#797371;font-size:13px;position:absolute;right:10px;top:15px}.navdetial .nlist .more:hover{color:#2c9a3a}@media screen and (max-width:1100px){.navdetial .nlist .pli{width:30.333%!important}}@media screen and (max-width:1000px){.navdetial .ncontent .nbox .dimg{display:none!important;height:0!important}}@media screen and (max-width:750px){.navdetial .nlist .pli{width:47%!important}.navdetial .side{display:none!important;height:0!important}}