.sl-subtitle{display:flex;align-items:center;height:44px;margin-bottom:20px;position:relative}.sl-subtitle:before{content:"";display:inline-block;width:2px;height:22px;background-color:#60beff}.sl-subtitle .sl-subtitle__text{height:20px;line-height:20px;margin-left:10px;font-size:16px}.sl-subtitle .sl-switch{position:absolute;top:10px;left:100px}.sl-form-label-hint .sl-form-label-hint--icon{display:inline-block;cursor:pointer}.sl-form-label-hint .sl-form-label-hint--icon .svg-icon{font-size:19px}.sl-audio{width:100%}.sl-audio .current-time-progress{width:100%;height:5px}.sl-audio .current-time-progress:hover .current-time-progress-el-slider .el-slider__button-wrapper{opacity:1}.sl-audio .current-time-progress .current-time-progress-el-slider .el-slider__runway{height:5px;border-radius:0;margin:0;background:#a0a2ad}.sl-audio .current-time-progress .current-time-progress-el-slider .el-slider__runway .el-slider__bar{height:5px;border-radius:0;background:#38bfff}.sl-audio .current-time-progress .current-time-progress-el-slider .el-slider__button-wrapper{height:22px;opacity:0}.sl-audio .current-time-progress .current-time-progress-el-slider .el-slider__button{width:9px;height:9px;border:none;background:#38bfff;transform:translateY(6px)}.sl-audio .content{display:flex;justify-content:space-between;align-items:center;width:100%;height:30px;color:#fff;background:#000;padding:0 10px}.sl-audio .content .switch-img,.sl-audio .content .volume{display:flex;align-items:center;cursor:pointer}.sl-audio .content .switch-img img{width:12px}.sl-audio .content .volume{margin-left:13px}.sl-audio .content .volume:hover .volume-progress{width:60px;margin-right:20px}.sl-audio .content .volume:hover .volume-progress .volume-progress-el-slider .el-slider__button-wrapper{display:block}.sl-audio .content .volume .volume-img{display:flex;align-items:center;cursor:pointer;margin-right:20px;width:16px}.sl-audio .content .volume .volume-progress{width:0;height:4px;margin-right:0;transition:all .2s linear}.sl-audio .content .volume .volume-progress .volume-progress-el-slider .el-slider__runway{height:4px;border-radius:0;margin:0;background:#a0a2ad}.sl-audio .content .volume .volume-progress .volume-progress-el-slider .el-slider__runway .el-slider__bar{height:4px;border-radius:0;background:#fff}.sl-audio .content .volume .volume-progress .volume-progress-el-slider .el-slider__button-wrapper{display:none}.sl-audio .content .volume .volume-progress .volume-progress-el-slider .el-slider__button{width:9px;height:9px;border:none;background:#fff;transform:translateY(-1px)}.sl-audio .content .volume:hover+.title{max-width:80px}.sl-audio .content .duration,.sl-audio .content .title{font-size:12px}.sl-audio .content .title{flex:1;max-width:160px;transition:all .2s linear}.sl-audio .content .title .title-text{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-audio .content .duration{margin-left:4px}.sl-uploader-audio .el-dialog{max-width:400px;transform:translateY(-51%)}.sl-uploader-audio .el-dialog .el-dialog__body{padding:0 20px}.sl-uploader-audio .el-dialog .file-list{margin:10px 0}.sl-uploader-audio .el-dialog .file-item+.file-item{margin-top:20px}.sl-uploader-audio .el-dialog .el-alert--info.is-light{background-color:#f2f3f7;color:#333}.sl-uploader-audio .el-dialog .el-alert__title{line-height:unset}.sl-uploader-audio .el-dialog .el-alert__title.is-bold{font-size:12px;font-weight:unset}.sl-uploader-audio .el-dialog .el-alert__content{display:flex;align-items:center;padding:6px 0}.sl-uploader-audio .el-dialog .el-alert .el-alert__description{margin:0}.sl-uploader-audio .el-dialog .el-alert--info .el-alert__description{color:#999;font-weight:700}.sl-uploader-audio .el-dialog .el-alert__closebtn{top:13px;font-size:18px}.sl-uploader-audio .el-upload,.sl-uploader-audio .el-upload .el-upload-dragger{display:flex;align-items:center;justify-content:center}.sl-uploader-audio .el-upload .el-upload-dragger{width:360px;height:auto;flex-direction:column;padding:20px 0;line-height:20px}.sl-uploader-audio .el-upload .el-upload-dragger .el-icon-upload{font-size:20px;margin:0 0 10px 0}.sl-uploader-audio .el-upload .el-upload-dragger .audio-upload__text{font-size:12px;font-weight:400;color:#999;margin-top:2px}.sl-uploader-audio .el-upload .el-upload-dragger .upload-tips{margin-top:4px;line-height:20px;font-size:12px;color:#999;text-align:left}.sl-uploader-audio .audio-progress{margin-top:4px;height:40px;background-color:#f2f3f7;font-size:14px;padding:4px 12px 4px 8px;color:#333;display:flex;justify-content:space-between;align-items:center}.sl-uploader-audio .audio-progress .el-progress-bar{padding-right:0}.sl-uploader-audio .audio-progress .audio-progress-icon{display:flex;align-items:center;cursor:pointer}.sl-uploader-audio .audio-progress .audio-progress-icon .svg-icon{font-size:12px}.sl-uploader-audio .audio-upload{width:300px;height:40px;background-color:#f2f3f7;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.sl-uploader-audio .audio-upload .el-button--text{color:#4494f9}.sl-uploader-audio .audio-upload .re-upload{color:#4494f9;cursor:pointer}.sl-uploader-audio .audio-upload .delete{color:#ff3b30;cursor:pointer}.sl-mask__wrapper .sl-mask{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer}.sl-mask__wrapper .mask-fade-enter-active,.sl-mask__wrapper .mask-fade-leave-active{transition:all .5s}.sl-mask__wrapper .mask-fade-enter,.sl-mask__wrapper .mask-fade-leave-to{opacity:0}.sl-drawer .el-dialog{margin-top:40vh!important}.sl-drawer .sl-drawer__inner{display:flex;flex-direction:column;z-index:1000;position:fixed;top:0;right:0;bottom:0;max-width:100%;box-shadow:-4px 0 10px 0 rgba(50,155,231,.1);border:1px solid transparent;background-color:#fff}.sl-drawer .drawer-enter-active,.sl-drawer .drawer-leave-active{transition:all .7s}.sl-drawer .drawer-enter,.sl-drawer .drawer-leave-to{transform:translateX(150%)}.sl-drawer--header{height:60px;width:100%;padding:15px 20px 0}.sl-drawer--header__title{height:29px;font-size:24px;color:#666;line-height:29px}.sl-drawer--header__icon{display:flex;width:12px;height:12px;position:absolute;font-size:14px!important;right:20px;top:20px;cursor:pointer}.sl-drawer--body{flex:1;overflow:auto}.sl-drawer--footer{width:100%;padding:10px 20px;text-align:right}.display-books-drawer .d-body{height:100%}.display-books-drawer .display-books-form-body{display:flex;flex-direction:column;padding:0 0 20px 20px;height:100%}.display-books-drawer .display-books-form-body .el-form--label-top,.display-books-drawer .display-books-form-body .el-form-item__content,.display-books-drawer .display-books-form-body .form-item{height:100%}.display-books-drawer .display-books-form-body .form-item.el-form-item.is-error .el-input:not(.is-error) .el-input__inner{border-color:#dcdfe6}.display-books-drawer .display-books-form-body .form-item.el-form-item.is-error .el-input:not(.is-error) .el-input__inner:hover{border-color:#c0c4cc}.display-books-drawer .display-books-form-body .form-item.el-form-item.is-error .el-input:not(.is-error) .el-input__inner:focus{border-color:#60beff}.display-books-drawer .display-books-form-body .display-books-form-recommend{display:flex;position:relative;height:100%}.display-books-drawer .display-books-form-body .display-books-options,.display-books-drawer .display-books-form-body .display-books-selected{width:450px;height:100%;border-radius:5px;border:1px solid #dcdee3}.display-books-drawer .display-books-form-body .display-books-title{font-size:14px;color:#333;line-height:17px;padding:7px 0 10px 20px;background:#f7f8fa;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:1px solid #dcdee3}.display-books-drawer .display-books-form-body .display-books-options-content{height:calc(100% - 37px)}.display-books-drawer .display-books-form-body .display-books-selected{margin-left:20px}.display-books-drawer .display-books-form-body .display-books-selected .box-right{padding:12px 16px 0 20px;height:calc(100% - 37px);overflow:auto}.display-books-drawer .display-books-form-body .display-books-selected .box-right .scroller{height:100%}.display-books-drawer .display-books-form-body .display-books-selected .box-right .box-right-item{display:flex;align-items:center;justify-content:space-between;color:#333;font-size:14px;padding:8px 0}.display-books-drawer .display-books-form-body .display-books-selected .box-right .box-right-item span{word-break:break-word}.display-books-drawer .display-books-form-body .display-books-selected .box-right .box-right-item .item-container{display:flex;align-items:center;justify-content:space-between}.display-books-drawer .display-books-form-body .display-books-selected .box-right .box-right-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.display-books-drawer .display-books-form-body .display-books-selected .box-right .box-right-icon .svg-icon{font-size:28px}.display-books-drawer .display-books-form-body .display-books-options-input{padding:8px 4px 0 4px}.display-books-drawer .display-books-form-body .display-books-options-tree{height:calc(100% - 40px);overflow:auto}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree{height:100%}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .ctree-tree__empty{align-items:flex-start}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .ctree-tree__empty .ctree-tree__empty-text_default{line-height:38px;color:#999}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .options-ctree-node:hover{background-color:#f5f7fa}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .options-ctree-node .ctree-tree-node__expand:after{content:"";display:block;width:0;height:0;position:absolute;border:4px solid transparent;border-left:5px solid #c0c4cc;left:8px}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .options-ctree-node .ctree-tree-node__checkbox_checked,.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .options-ctree-node .ctree-tree-node__checkbox_indeterminate{border-color:#60beff;background-color:#60beff}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .options-ctree-node .ctree-tree-node__title{height:auto;color:#606266;white-space:normal}.display-books-drawer .display-books-form-body .display-books-options-tree .options-ctree .options-ctree-node .ctree-tree-node__title:hover{background-color:transparent}.custom-btn{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.custom-btn:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,0);transition:all .1s}.custom-btn:hover:after{background-color:hsla(0,0%,100%,.1)}.custom-btn:active:after{transition:0s;background-color:hsla(0,0%,100%,0)}.el-input .el-input__inner[not-circle]{border-radius:5px}.el-textarea .el-textarea__inner{border-radius:5px!important}.site-publish-content{line-height:1.5}.site-publish-content p{padding:5px 0}.site-publish-content ul{list-style:disc}.site-publish-content ol{list-style:decimal}.site-publish-content ol,.site-publish-content ul{margin:5px 0;padding-inline-start:0;list-style-position:inside}.site-publish-content ul li{list-style-type:"• "}.screen-protection{position:relative;width:100%;height:100%;padding-bottom:48px}.screen-protection .screen-protection--content{height:100%;padding:20px}.screen-protection .screen-protection--content .sl-subtitle-content-top .sl-switch{left:var(--switch-absolute-left)}.screen-protection .screen-protection--content .screen-protection-form{padding-left:20px}.screen-protection .screen-protection--content .screen-protection-form .el-form-item{max-width:300px}.screen-protection .screen-protection--content .screen-protection-form .el-form-item .el-input .el-input-group__append{font-size:12px;padding:0 10px}.screen-protection .screen-protection--content .screen-protection-form .style-template .el-form-item__content{display:flex}.screen-protection .screen-protection--content .screen-protection-form .style-template .el-form-item__content .style-template-img{position:relative;width:90px;height:110px}.screen-protection .screen-protection--content .screen-protection-form .style-template .el-form-item__content .style-template-img img{width:90px;height:110px;cursor:pointer}.screen-protection .screen-protection--content .screen-protection-form .style-template .el-form-item__content .style-template-img+.style-template-img{margin-left:20px}.screen-protection .screen-protection--content .screen-protection-form .style-template .el-form-item__content .style-template-img:after{content:"";position:absolute;top:0;left:0;width:90px;height:110px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABuCAYAAACnQwS5AAAAAXNSR0IArs4c6QAABKBJREFUeF7t3WFo1HUcx/H377Zzy5llmiQ1hXIzZpIVKFgRjWi4ZxZCObadEEXisCcRYU99UFI5JOhJbWwPg3oSq1F3g7Dhs1iCjqwIRlmm1QyXet6+8Wsbse1ud9vOb8R97uH/vr/f53jx4f//3RhcANg/aPWW5AjQCqyN1/RatsBFYCBkOdzTEsZCRJ5MMhygL5elu78lnF92hDagfdDWVyU5ZNCRyLIrpDLWB4z1NofD8im/QCpj8U5RH6Ev5LI0qcnlR447Tjf7dIS23uYQbkyMdo0C0VjQDl0QtAOyGu2ELGhBOwo4RekeLWgnAacYNVrQTgJOMWq0oJ0EnGLUaEE7CTjFqNGCdhJwilGjBe0k4BSjRgvaScApRo0WtJOAU4waLWgnAacYNVrQTgJOMWq0oJ0EnGLUaEE7CTjFqNGCdhJwilGjBe0k4BSjRgvaScApRo0WtJOAU4waLWgnAacYNVrQTgJOMWq0oJ0EnGLUaEE7CTjFqNGCdhJwilGjBe0k4BSjRgvaScApRo0WtJOAU4waLWgnAacYNVrQTgJOMWq0oJ0EnGLUaEE7CTjFqNGCdhJwilGjBe0k4BSjRgvaScApRo0WtJOAU4waLWgnAacYNVrQTgJOMWq0oJ0EnGLUaEE7CTjFqNE3ALp90OpCLY0hR4MF1oRJbg6Bo/r1t2Vi7x2yVSuN1gDNGM0W2Bxg3s8WCnqJ0Psz9thk4Llg7AHqim0j6GJCc97vSNvuROA1YNdilgq6RK3OtN0DHA+B3SUumTUm6BLUUmnrIvAGUFvCeN4RQS8g13bSVicn6AGeWirwzDpBFxBMDdkdGJ8A25eLHNcLOo/ivrRtWhHIAHeXA1nQeRSfHbJ1NcYJYEu5kAU9R7JrwGou1fJFgB3lRBb0HM1Uxt4BDiwWOX4NbLgFvhkvvFL36Gmbzow9HeCD+NxaLHRqCzy6Ad4fhS9/zr9a0EDbgK2urmU0wIZCyDVVcDU3/92ORnj8zqnrkwbvnYHhX+bPCRpIpe0YgUOFkHeuh2c2w9ER+Onyv1PtjdA8jTxz9XIWXj4Jf12fvVvFQ7d/ZhurqjgLrMgHvWM9PN8EVQHGr8HrX8G5CWhrgCfumr0i4r45At9dUqPnCXQO2fFgHMyHHB9wrzwwhTzzGr8Kp36DR+bcZK5MI3+bB7niTx37PrY1yZX8GOCmfNAR+MWt8NDtCz8er+TgrRE4q1NHfqiOz+2FRIJ3F2KM2Ae2woMFsOMDMiIvdLSr+EZ3ZuxEgIeLHeci9sH7YPu62ZMR+djXMPpHsR0q+G8dez+12+qS/EogUZwJqiP2Nrh/7dT0tWnkMyUgV3SjO9K2JxH4sBTkmZmI3bUN7r0Vuk/B6d9LX12xx7vOtL0dAi+VTjU1WZ2Ajavg+wKni0L7VS50xgYDPLlY6KXOR+gLuSxN/S3h/FI3+T+uS2XsB2CT02e/GKH7gLHe5nDYKfS/jzELqQzXS30QluED94f9g1Y/mWQ4QF8uS3clNDv+00ud8WcZAItuYXAukWXnP18uI7YlOQK0AtMHmKJ7aGBhgQmDjxJZXu1pCWN/A/mXhsBmaKF6AAAAAElFTkSuQmCC);display:var(--style-template-mask-display);cursor:pointer;z-index:10}.screen-protection .screen-protection--content .screen-protection-form .display-books .el-form-item__content{position:relative;height:28px}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:14px;color:#4494f9;line-height:16px;cursor:pointer}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-content{display:flex;align-items:center;-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:30px;border:1px solid #dcdfe6;box-sizing:border-box;color:#333;font-size:inherit;height:26px;line-height:26px;outline:none;padding:0 8px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-content:hover{border-color:#c0c4cc}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-content .display-books-tag .conetnt{display:flex;align-items:center;height:20px;line-height:20px;font-size:12px;text-align:center;color:#909399;background:#f0f2f5;border:1px solid #ebecf0;border-radius:5px;padding:0 13px;cursor:pointer}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-content .display-books-tag .conetnt .text{max-width:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-content .display-books-tag .conetnt .icon .el-tag__close{color:#333;margin-left:6px;padding:1px;pointer-events:auto}.screen-protection .screen-protection--content .screen-protection-form .display-books .display-books-content .display-books-tag+.display-books-tag{margin-left:4px}.screen-protection .screen-protection--content .screen-protection-form .display-books.is-error .display-books-content{border-color:#f56c6c}.screen-protection .screen-protection--content .screen-protection-form .display-duration .hint{font-size:12px;color:#999;line-height:15px;margin-top:5px}.screen-protection .screen-protection--content .screen-protection-form .switching-speed .sl-form-label-hint--icon{display:inline-block;cursor:pointer}.screen-protection .screen-protection--content .screen-protection-form .switching-speed .sl-form-label-hint--icon .svg-icon{font-size:19px}.screen-protection .screen-protection--footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;height:48px;padding:0 20px;background-color:#fff;box-shadow:0 -4px 10px 0 rgba(0,0,0,.1)}