| 1 |
- .index[data-v-747a0ff2]{display:flex;flex-direction:row;position:relative}.index .nav[data-v-747a0ff2]{font-size:18px;height:-moz-fit-content;height:fit-content;position:sticky;top:148px}.index .nav ul[data-v-747a0ff2]{display:inline-block}.index .nav .nav-l[data-v-747a0ff2]{text-align:center}.index .nav .nav-l li[data-v-747a0ff2]{cursor:pointer;padding:10px 0;transition:background-color .7s}.index .nav .nav-l li[data-v-747a0ff2]:first-child{color:#007ad8}.index .nav .nav-l li[data-v-747a0ff2]:nth-child(2){color:#c806ff}.index .nav .nav-l li[data-v-747a0ff2]:nth-child(3){color:#df0000}.index .nav .nav-l li[data-v-747a0ff2]:nth-child(4){color:#ffc300}.index .nav .nav-l .active[data-v-747a0ff2]:first-child{background-color:rgba(0,122,216,.2)}.index .nav .nav-l .active[data-v-747a0ff2]:nth-child(2){background-color:rgba(200,6,255,.2)}.index .nav .nav-l .active[data-v-747a0ff2]:nth-child(3){background-color:rgba(223,0,0,.2)}.index .nav .nav-l .active[data-v-747a0ff2]:nth-child(4){background-color:rgba(255,195,0,.2)}.index .nav .nav-r[data-v-747a0ff2]{background-color:#00213b;max-height:calc(100vh - 168px);min-height:463px;overflow-y:scroll;padding:10px;vertical-align:top;width:180px}.index .nav .nav-r li a[data-v-747a0ff2]{color:#fff;display:block;padding:10px 0}.index .nav .nav-r li .nav-r-title[data-v-747a0ff2]{font-size:16px;font-weight:700}.index .nav .nav-r li .nav-r-anchor[data-v-747a0ff2]{color:#ddd;padding-left:20px;padding-right:10px}.index .nav .nav-r li .active[data-v-747a0ff2]{background-color:#4da9f2;border-bottom-right-radius:20px;border-top-right-radius:20px}.index article[data-v-747a0ff2]{flex:1;max-width:100%;overflow:auto;padding:80px 20px 20px}.index article ul li .root[data-v-747a0ff2]{align-items:center;display:flex;flex-direction:row}.index article ul li .root img[data-v-747a0ff2]{height:100px;margin-right:20px;width:100px}.index article ul li .root .root-title[data-v-747a0ff2]{font-size:20px;font-weight:700}.index article ul li .root .root-des[data-v-747a0ff2]{color:#434649;font-size:16px;margin-top:10px}.index article ul li .content[data-v-747a0ff2]{padding:10px 0}.index article ul li .content[data-v-747a0ff2]:after{clear:both;content:"";display:block}.btn-article-menu-switch[data-v-747a0ff2]{display:none;left:2px;position:absolute;top:12px}@media screen and (max-width:1200px){.btn-article-menu-switch[data-v-747a0ff2]{display:block}}.btn-article-menu-switch .btn[data-v-747a0ff2]{background-color:hsla(0,0%,100%,.7);border:1px solid #ccc;border-radius:8px;box-shadow:1px 1px 3px 2px hsla(0,0%,93%,.5);color:#777;cursor:pointer;font-size:14px;height:52px;width:100px}.btn-article-menu-switch .btn[data-v-747a0ff2]:hover{background-color:#fff}.btn-article-menu-switch .icon[data-v-747a0ff2]{font-size:24px}@media screen and (max-width:1200px){.index section.nav[data-v-747a0ff2]{background-color:#fff;box-shadow:1px 1px 3px 2px hsla(0,0%,47%,.5);left:0;position:absolute;top:72px;z-index:2}}[data-v-747a0ff2] .content *{white-space:pre-wrap!important;word-break:break-word!important}[data-v-747a0ff2] .content p{font-size:16px;line-height:2}
|
