.code-item{position:relative;margin-bottom:12px;background-color:#fff}.code-item.open{position:fixed;top:50%;left:50%;z-index:10000;display:block;width:80vw;height:80vh;margin:-40vh -40vw;padding:0 24px}.code-item.open pre code{max-height:calc(80vh - 80px)}.code-item.open .btn-code-switch{display:block}.code-item .btn-code-switch{position:absolute;top:50%;z-index:10000;display:none;width:60px;height:80px;margin-top:-30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px}.code-item .btn-code-switch:hover{background-color:#000}.code-item .btn-code-prev{left:-80px;background:url(https://csdnimg.cn/release/aggregate/images/icon_arrow_left.png) 50% no-repeat;background-size:42px}.code-item .btn-code-next{right:-80px;background:url(https://csdnimg.cn/release/aggregate/images/icon_arrow_right.png) 50% no-repeat;background-size:42px}.code-item .code-item__hd{display:flex;justify-content:space-between;padding:8px 0}.code-item .code-item__hd .cih-lt{min-width:0;max-width:620px}.code-item .code-item__hd a{color:#2440b3;font-size:16px}.code-item .code-item__hd a em{color:#e33e33!important}.code-item .code-item__hd .el-tag{display:inline-block;max-width:120px;margin-top:2px;margin-right:10px;cursor:pointer;vertical-align:middle;overflow:hidden}.code-item .code-item__hd .el-tag.opcity{opacity:0}.code-item .code-item__bd{position:relative;min-height:50px}.code-item .code-item__bd .preview{position:absolute;top:0;left:0;z-index:100;display:none;width:100%;height:100%;background-color:#fff}.code-item .code-item__bd .preview .btn-open{position:absolute;top:10px;right:10px;z-index:200;display:none;color:#333;font-size:12px;padding:1px 6px;border-radius:4px;cursor:pointer;background-color:#fff}.code-item .code-item__bd .preview:hover .btn-open{display:block}.code-item .code-item__ft{padding:8px 0;color:#999aaa;font-size:12px}.code-item .code-item__ft span{margin-right:16px}.code-item pre code{width:100%;max-height:260px;overflow:auto;-webkit-overflow-scrolling:touch;position:unset}.code-item pre code em{background-color:hsla(0,0%,80%,.4);color:#e33e33}.code-item pre code::-webkit-scrollbar{width:4px;height:4px}.code-item pre code::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.code-item pre code::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:rgba(0,0,0,.1)}.code-item pre code table tbody tr{line-height:24px}.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;width:24px;text-align:center;color:#ccc;border-right:1px solid #ccc;vertical-align:top;padding-right:5px}.hljs-ln-code{padding-left:10px!important}.hljs-button{font-size:14px!important}.hljs-button:after{font-size:12px}.btn-full-screen{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer;border-radius:100%;box-shadow:0 0 8px rgba(204,204,216,.8);background:url(https://csdnimg.cn/release/aggregate/images/icon_full_screen_false.png) no-repeat;background-size:cover}.btn-full-screen.active{background:url(https://csdnimg.cn/release/aggregate/images/icon_full_screen_true.png) no-repeat;background-size:cover}