.flex-box{display:flex}.header-search-box{position:relative}.header-search-box__select{position:absolute;left:0;top:18px;width:70px;text-align:center;font-size:14px;display:inline-block;background:#dedede;height:28px;line-height:28px;padding:0 5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.ant-dropdown-open{z-index:10000088000!important}.c-mode-img{width:20px;height:20px;line-height:20px;margin-bottom:2px;cursor:pointer}.c-mode-dark{margin-left:3px}.c-mode-bg{display:inline-block;width:30px;height:30px;line-height:30px;background:var(--modecolor);border-radius:50%;margin-left:10px;text-align:center;vertical-align:middle}.ant-tooltip-open{z-index:100000!important}.search-input{width:226px;height:28px;border-radius:14px;background:#fff;outline:none;border:none;margin-top:15px;margin-right:70px;font-size:14px;padding-left:80px}.login-box{font-size:14px;float:right;color:#fff}.user-icon{font-size:18px;margin-right:10px;display:inline-block;vertical-align:middle}.btn-grup{float:right}.btn-grup a{color:#fff!important}.logo-link{display:block;color:#fff}.logo-link:hover{color:#fff}.logo{width:30px;height:30px;background-image:url(/static/logo.png);background-size:cover;border-radius:6px;margin:16px 4px 16px 0;float:left}.icons{float:right}.result-card-box .result-item{font-size:16x;margin-bottom:10px}.form-item-label label{font-size:16px}.footer-wrap{background:var(--primary);padding:15px 0;position:relative;z-index:1000}.footer-wrap .copyright,.footer-wrap a{color:var(--footerlink);font-size:14px}.footer-wrap a:hover{text-decoration:underline}.footer-wrap .copyright{color:var(--footerlink);font-size:12px}.footer-wrap .footer-list li{margin-right:40px}.footer-friend{color:var(--footerlink)}.ant-breadcrumb-link,.tool-bread-box{color:var(--breacrmblink)!important}.ant-form-item-label>label{color:var(--formlabel)}.sider-bar-box{position:fixed;right:100px;top:50%;width:50px;overflow:hidden;text-align:center;z-index:99999}.sider-bar-box__li{margin-bottom:10px;background:#fff;padding:10px 0;border-radius:5px;box-shadow:0 1px 3px rgba(32,32,32,.1);cursor:pointer}.sider-bar-box__img{display:inline-block;width:25px;height:25px;margin:auto}@media (max-width:768px){.sider-bar-box{right:0;display:none}}.ant-back-top{z-index:19999!important}.row{margin-right:-15px;margin-left:-15px}.article-list-item{vertical-align:top;border:1px solid #f0f0f0;overflow:hidden;border-radius:6px;font-size:14px;position:relative;transition:.3s;margin-bottom:20px;cursor:pointer}.article-list-item:hover{box-shadow:0 16px 32px rgba(11,24,44,.12);transition:all .3s ease}.article-list-item .article-main-img{width:100%;height:150px}.article-list-item .article-main-img:hover img{transition:all .6s ease 0s;transform:scale(1.08)}.article-list-item .article-main-img img{width:100%;height:100%;object-fit:cover;transition-duration:.4s}.article-list-item .article-desc{padding:16px 20px 20px}.article-list-item .article-desc h2{font-size:20px;color:var(--indextitle);height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-list-item .article-desc p{color:#6c7e9a;margin:20px 0 30px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.article-list-item .article-info{margin-left:20px;margin-bottom:20px}.article-list-item .article-info .info-item{display:inline-block;margin-right:12px;color:#6c7e9a}.course-box{position:relative}.course-box .blog-main{box-sizing:border-box;transition:.3s}.course-box .blog-main .course-box__main{margin:0;padding:20px;max-width:auto}.course-box__left{position:fixed;z-index:2;top:20px;bottom:0;left:50%;width:384px;font-size:14px;transition:.3s;opacity:1;margin-left:-610px;pointer-events:auto;padding-top:50px;display:flex;flex-direction:column}.course-box__left__title{background:#fff;padding:25px 25px 25px 30px;width:100%;border-right:1px solid #ededed;position:relative;font-size:16px;font-weight:700;z-index:2;margin-bottom:20px}.course-box__left__menu-contaniner{flex:1;overflow-y:auto;position:relative;background:#f8f8f8}.course-box__left__menu__item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#666;position:relative;width:100%;border-right:1px solid #ededed;cursor:pointer;min-height:auto;padding-left:30px;box-sizing:border-box}.course-box__left__menu__item:hover,.course-box__left__menu__item__active{background:#fff;color:#545a9f}.course-box__left__menu__item:first-child .course-box__left__menu__text{border-top:none}.course-box__left__menu__text{position:relative;padding:30px;border-top:1px solid #e1e1e1}.course-box__left__menu__content{width:260px;word-break:break-all;white-space:normal;position:absolute;top:50%;transform:translateY(-50%)}.course-box__right{position:relative;width:836px;transition:.3s;margin-left:384px;overflow-y:scroll;top:-40px}.course-box__main,.course-box__right{box-sizing:border-box;background-color:#fff}.course-box__main{max-width:716px;margin:50px auto}.course-box__main__title{font-weight:700;font-size:20px;color:#333;margin-bottom:8px;margin-top:0}.course-box__main__tips{font-size:14px;color:#999;margin-bottom:30px;display:flex;align-items:center}.course-box__main .rich-text-wrap ol li::marker{color:#a8aeb8}.course-box__main .rich-text-wrap{font-size:14px}.course-box__main .rich-text-wrap ol{padding-inline-start:40px;list-style-type:decimal}.course-box__main .rich-text-wrap code,.course-box__main .rich-text-wrap ol{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0}.course-box__main .rich-text-wrap code{padding-inline-start:20px}.course-box__main .rich-text-wrap pre{white-space:pre;margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f6f8fa;overflow-x:auto;box-sizing:border-box}.course-box__main .rich-text-wrap p{display:block;margin-block-start:.5em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;font-size:16px;color:#404952;text-align:justify;line-height:1.88em;margin-bottom:16px}.course-box__main .rich-text-wrap p img{vertical-align:middle}.course-box__main .rich-text-wrap img{max-width:100%;cursor:zoom-in}.course-box__main .rich-text-wrap h1,.course-box__main .rich-text-wrap h2,.course-box__main .rich-text-wrap h3,.course-box__main .rich-text-wrap h4,.course-box__main .rich-text-wrap h5,.course-box__main .rich-text-wrap h6{margin:.133rem 0;display:block;font-size:.48rem;margin-block-start:1em;margin-block-end:0;margin-inline-end:0;font-weight:700}.course-box__main .rich-text-wrap h1{font-size:.53rem}.course-box__main .rich-text-wrap h4{font-size:.453rem}.course-box__main .rich-text-wrap .course-code-area{position:relative}.course-box__main .blog-code h1,.course-box__main .blog-code h2,.course-box__main .blog-code h3,.course-box__main .blog-code h4,.course-box__main .blog-code h5,.course-box__main .blog-code h6{margin-bottom:10px}.course-box__main .blog-code h1{font-size:20px}.course-box__main .blog-code h2{font-size:18px}.course-box__main .blog-code h3{font-size:16px}.course-box__main .blog-code ol,.course-box__main .blog-code ul{padding-left:2em}.course-box__main .blog-code blockquote{padding:0 1em}.course-box__main .blog-code p code{display:inline-block;padding-inline-start:0;background:#f6f8fa;padding:5px}.course-box__main .blog-code table td,.course-box__main .blog-code table th{padding:6px 13px;border:1px solid #d0d7de}.course-box__main .blog-code blockquote{padding-top:0;padding-bottom:0}.course-box__main .blog-code blockquote>:first-child{margin-top:0}.course-box__main .blog-code blockquote>:last-child{margin-bottom:0}.course-box li{list-style-type:unset}.course-box .rich-text-wrap ul li{display:list-item;content:".";text-align:-webkit-match-parent}.course-box ::marker{unicode-bidi:isolate;font-variant-numeric:tabular-nums;text-transform:none;text-indent:0!important;text-align:start!important;text-align-last:start!important}.blog-wrapper{position:relative}.blog-wrapper .sidebar-block{background-color:var(--itembg);margin-bottom:20px;box-shadow:none;border-radius:4px;position:relative}.blog-wrapper .course-box__main .blog-code h1,.blog-wrapper .course-box__main .blog-code h2,.blog-wrapper .course-box__main .blog-code h3,.blog-wrapper .course-box__main .blog-code h4,.blog-wrapper .course-box__main .blog-code h5,.blog-wrapper .course-box__main .blog-code h6,.blog-wrapper .course-box__main .rich-text-wrap p,.blog-wrapper .course-box__main .rich-text-wrap ul li,.blog-wrapper .course-box__main__title{color:var(--indextitle)}.blog-wrapper .block-title{padding:10px 0;margin:0 10px;font-size:16px;color:var(--indextitle);font-weight:500;border-bottom:1px solid var(--postborder)}.blog-wrapper .entry-list{padding:10px 15px}.blog-wrapper .entry-title{line-height:22px;font-size:14px;font-weight:400;color:var(--formlabel)}.blog-wrapper .entry-bottom{margin-top:4px;font-size:13px;line-height:22px;color:#8a919f;font-weight:400}.blog-wrapper .entry-link{cursor:pointer;padding:10px;color:var(--formlabel)!important}.blog-wrapper .entry-link:hover .entry-title{color:#545a9f}.blog-wrapper .ml5{margin-left:5px}.blog-wrapper .thumb{position:relative;object-fit:cover}.blog-wrapper .lazy{flex:0 0 auto;width:120px;height:80px;margin-left:24px;background-color:#fff;border-radius:2px}.blog-wrapper__bottom{display:flex;align-items:center}.blog-wrapper__bottom li{position:relative;margin-right:20px;font-size:13px;line-height:20px;color:#4e5969;flex-shrink:0}.blog-wrapper .blog-wrapper__bottom li{list-style:none}.blog-wrapper__left{margin-right:20px;border-radius:2px;width:690px}.blog-wrapper__left__taglist{display:flex;align-items:center}.blog-wrapper__left__tag{position:relative;flex-shrink:0;font-size:13px;padding:0 4px;color:#86909c}.blog-wrapper__left__tag:first-child{padding-left:0}.blog-wrapper__left__tag:after{display:inline-block;vertical-align:middle;margin-left:6px;content:" ";width:2px;height:2px;border-radius:50%;background:#4e5969}.blog-wrapper__left__tag:last-child:after{content:"";width:0;height:0}.blog-wrapper__left__item{cursor:pointer;position:relative;background:var(--itembg);padding:12px 20px 0;display:flex;flex-direction:column;align-items:flex-start}.blog-wrapper__left__item:hover{background:var(--postitemhovercolor)}.blog-wrapper__left__item .link{font-weight:700;font-size:16px;line-height:24px;color:var(--itemtitle);margin-bottom:8px;-webkit-line-clamp:1}.blog-wrapper__left__item .blog-desc,.blog-wrapper__left__item .link{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.blog-wrapper__left__item .blog-desc{font-weight:400;font-size:13px;line-height:22px;color:#86909c;-webkit-line-clamp:2}.blog-wrapper__left__item__content{display:flex;padding-bottom:12px;border-bottom:1px solid var(--postborder);width:100%}.blog-wrapper__left__item__main{flex:1 1 auto}.blog-wrapper__left .title-row{display:flex;margin-bottom:8px}.blog-wrapper__left .abstract{margin-bottom:10px}.blog-wrapper__right{position:absolute;width:250px;top:0;right:0;z-index:1}.blog-wrapper__right .blog-banner{height:200px;box-shadow:0 1px 2px 0 rgb(0 0 0);border-radius:2px;overflow:hidden}.blog-wrapper__right .blog-banner img{width:100%;height:100%}.blog-wrapper__right .blog-ad,.relevation-box{background:#fff}.relevation-box .common-block-title{font-weight:600;font-size:16px;color:#252933;padding:20px 16px}.blog-search{margin:auto;padding-top:200px}.blog-search-img,.blog-search-img img{width:100%;height:auto}.blog-search p{text-align:center;margin-top:20px;font-size:16px}@media (max-width:768px){.course-box__left{display:none}.course-box__right{width:100%;top:0;margin-left:0}.course-box__main{max-width:none;margin:10px}.ant-layout-content{padding:10px!important;margin-top:40px!important}.blog-wrapper__left{width:100%!important}.blog-wrapper__left__item__content .lazy,.blog-wrapper__right{display:none}.blog-wrapper .course-box__main{max-width:100%!important;margin-top:100px;padding:10px}.course-box__main .rich-text-wrap pre{width:100%!important}}