.bell-exp-material-cognition[data-v-4c3aae0b]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:97px;margin-top:20px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b]{max-width:calc(100% - 110px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar{margin-bottom:1px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container{height:40px;padding-left:0;padding-right:0}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-arrow-show+.ant-tabs-nav-wrap .ant-tabs-tab:first-of-type{margin-left:32px!important}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-arrow-show+.ant-tabs-nav-wrap .ant-tabs-tab:last-of-type{margin-right:32px!important}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-prev{background:-webkit-gradient(linear,left top,right top,from(#f7f7f7),color-stop(70%,hsla(0,0%,96.9%,.34)),to(transparent));background:linear-gradient(90deg,#f7f7f7,hsla(0,0%,96.9%,.34) 70%,transparent)}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-prev .ant-tabs-tab-prev-icon{left:5px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-prev .ant-tabs-tab-prev-icon .anticon{font-size:20px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-next{right:0;background:-webkit-gradient(linear,right top,left top,from(#f7f7f7),color-stop(70%,hsla(0,0%,96.9%,.34)),to(transparent));background:linear-gradient(270deg,#f7f7f7,hsla(0,0%,96.9%,.34) 70%,transparent)}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-next .ant-tabs-tab-next-icon{right:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-tab-next .ant-tabs-tab-next-icon .anticon{font-size:20px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab-active+.ant-tabs-tab:not(.ant-tabs-tab-active){border-left-color:transparent}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab-active:not(:first-of-type):not(:last-of-type){border-right-color:#409eff;border-left-color:#409eff}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab{min-width:100px;border:1px solid #409eff;border-radius:0;color:#595959;background-color:#fff;font-size:14px;font-weight:400;height:40px;text-align:center;padding:0 15px;-webkit-transition:all .15s;transition:all .15s;margin-right:0;line-height:40px;border-color:#d9d9d9}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab:not(:first-of-type){margin-left:-1px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab:first-of-type{border-top-left-radius:2px;border-bottom-left-radius:2px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab:last-of-type{border-top-right-radius:2px;border-bottom-right-radius:2px}.bell-exp-material-cognition .btn-wrap[data-v-4c3aae0b] .btns.ant-tabs .ant-tabs-tab.ant-tabs-tab-active{font-weight:400;color:#fff;background-color:#409eff;border-color:#409eff}.bell-exp-material-cognition[data-v-4c3aae0b] .loading-materials.ant-skeleton .ant-skeleton-paragraph{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.bell-exp-material-cognition[data-v-4c3aae0b] .loading-materials.ant-skeleton .ant-skeleton-paragraph li{width:286px;height:102px;margin:0;margin-right:16px;margin-bottom:16px;border-radius:8px}.bell-exp-material-cognition[data-v-4c3aae0b] .loading-materials.ant-skeleton .ant-skeleton-paragraph li:last-of-type{width:286px!important}.bell-exp-material-cognition .material-type-tabs[data-v-4c3aae0b]{width:calc(100% - 80px);-webkit-box-flex:1;-ms-flex:1;flex:1}[data-v-4c3aae0b] .bell-exp-material-cognition .material-type-tabs.ant-tabs .ant-tabs-tab{background:transparent;border:none!important}[data-v-4c3aae0b] .bell-exp-material-cognition .material-type-tabs.ant-tabs .ant-tabs-tab-arrow-show{top:-1px}.bell-exp-material-cognition .no-material[data-v-4c3aae0b]{color:rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bell-exp-material-cognition .components-block[data-v-4c3aae0b]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 25px;background:#fff;border:1px solid #e2e3e5;border-radius:4px;margin-top:20px;padding-bottom:13px}.bell-exp-material-cognition .components-block .search-line[data-v-4c3aae0b]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:63px;border-bottom:1px solid #e2e3e5}.bell-exp-material-cognition .components-block .search-line .line[data-v-4c3aae0b]{width:5px;height:14px;background:#409eff;border-radius:2.5px;margin-right:11px}.bell-exp-material-cognition .components-block .search-line .title[data-v-4c3aae0b]{font-size:16px;font-weight:700}.bell-exp-material-cognition .components-block .search-line .desc[data-v-4c3aae0b]{margin-left:20px;font-size:14px;color:#999}.bell-exp-material-cognition .components-block .search-line[data-v-4c3aae0b] .search-input{width:248px;margin-left:29px}.bell-exp-material-cognition .components-block .search-line[data-v-4c3aae0b] .search-input .ant-input{border:0;background:#eee;padding:0 30px 0 10px;height:36px;border-radius:18px}.bell-exp-material-cognition .components-block .search-line[data-v-4c3aae0b] .search-input .ant-input:focus{-webkit-box-shadow:none;box-shadow:none}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components{height:261px;overflow:auto;padding:25px 0;padding-bottom:0}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .components-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .module{cursor:pointer;width:286px;height:102px;border:1px solid #e2e3e5;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-bewteen;-ms-flex-pack:space-bewteen;justify-content:space-bewteen;padding:16px 18px;margin:0 16px 16px 0;background:#fff;-webkit-transition:all .3s;transition:all .3s}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .module .preview{width:70px;height:70px}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .module .name-number{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .module .name-number .name{width:100%;font-size:16px;color:#333;text-align:left;-webkit-line-clamp:2;-webkit-transition:color .3s;transition:color .3s}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .module.is-active{border:1px solid #409eff}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .components .module.is-active .name-number .name{color:#409eff}.bell-exp-material-cognition .components-block[data-v-4c3aae0b] .size-list{display:-webkit-box;display:-ms-flexbox;display:flex;padding:25px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bell-exp-material-cognition .bell-video-is-fullscreen[data-v-4c3aae0b]{height:100%}.bell-exp-material-cognition .bell-video-is-fullscreen[data-v-4c3aae0b] .vjs-custom-skin>.video-js{height:100%!important}.bell-exp-material-cognition .bell-video-is-fullscreen .bell-video-preview--fullscreen[data-v-4c3aae0b]{bottom:60px}.bell-exp-material-cognition .bell-video-preview--fullscreen[data-v-4c3aae0b]{position:absolute;right:21px;bottom:20px;font-size:24px;padding:0;z-index:2}.bell-exp-material-cognition .bell-video-preview--fullscreen i[data-v-4c3aae0b]{font-size:24px;color:#409eff;-webkit-transition:color .3s;transition:color .3s}.bell-exp-material-cognition .bell-video-preview--fullscreen:hover i[data-v-4c3aae0b]{color:#69b9ff}.bell-exp-material-cognition .filter-block[data-v-4c3aae0b]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 25px;background:#fff;border:1px solid #e2e3e5;border-radius:4px}.bell-exp-material-cognition .filter-block.type-structure[data-v-4c3aae0b]{height:339px;padding-bottom:25px;margin-top:20px}.bell-exp-material-cognition .filter-block.type-structure .structure-image[data-v-4c3aae0b]{border:none}.bell-exp-material-cognition .filter-block .structure-image[data-v-4c3aae0b]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:63px;border-bottom:1px solid #e2e3e5}.bell-exp-material-cognition .filter-block .structure-image .structure[data-v-4c3aae0b],.bell-exp-material-cognition .filter-block .structure-image[data-v-4c3aae0b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bell-exp-material-cognition .filter-block .structure-image .structure .line[data-v-4c3aae0b]{width:5px;height:14px;background:#409eff;border-radius:2.5px;margin-right:11px}.bell-exp-material-cognition .filter-block .structure-image .structure .title[data-v-4c3aae0b]{font-size:16px;font-weight:700}.bell-exp-material-cognition .filter-block .structure-image .structure .btn[data-v-4c3aae0b]{font-size:14px;margin-left:30px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.bell-exp-material-cognition .filter-block .structure-image .structure .btn.is-active[data-v-4c3aae0b]{color:#409eff}.bell-exp-material-cognition .filter-block .structure-image .image[data-v-4c3aae0b]{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.bell-exp-material-cognition .filter-block .structure-image .image .icon[data-v-4c3aae0b]{width:24px;height:24px;border-radius:50%;background:#409eff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bell-exp-material-cognition .filter-block .structure-image .image .icon img[data-v-4c3aae0b]{width:13px;height:14px}.bell-exp-material-cognition .filter-block .structure-image .image .title[data-v-4c3aae0b]{margin-left:9px;color:#409eff;font-size:14px}.bell-exp-material-cognition .filter-block .sort[data-v-4c3aae0b]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:62px;padding-left:16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bell-exp-material-cognition .filter-block .sort .title[data-v-4c3aae0b]{font-size:16px;font-weight:700}.bell-exp-material-cognition .filter-block .sort .btn[data-v-4c3aae0b]{font-size:14px;margin-left:30px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.bell-exp-material-cognition .filter-block .sort .btn.is-active[data-v-4c3aae0b]{color:#409eff}.bell-exp-material-cognition .images-preview[data-v-4c3aae0b]{width:100%;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bell-exp-material-cognition .images-preview .block[data-v-4c3aae0b]{width:calc(50% - 9px);background:#fff;border:1px solid #e2e3e5;border-radius:4px;padding:0 23px 23px}.bell-exp-material-cognition .images-preview .block .title-line-wrap[data-v-4c3aae0b]{display:-webkit-box;display:-ms-flexbox;display:flex}.bell-exp-material-cognition .images-preview .block .title-line-wrap .title-line .line[data-v-4c3aae0b]{background:#999}.bell-exp-material-cognition .images-preview .block .title-line-wrap .title-line .title[data-v-4c3aae0b]{color:#999}.bell-exp-material-cognition .images-preview .block .title-line[data-v-4c3aae0b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;cursor:pointer}.bell-exp-material-cognition .images-preview .block .title-line.is-active .line[data-v-4c3aae0b]{background:#409eff}.bell-exp-material-cognition .images-preview .block .title-line.is-active .title[data-v-4c3aae0b]{color:#333}.bell-exp-material-cognition .images-preview .block .title-line .line[data-v-4c3aae0b]{width:5px;height:14px;background:#409eff;border-radius:2.5px;margin-right:11px}.bell-exp-material-cognition .images-preview .block .title-line .title[data-v-4c3aae0b]{font-size:16px;color:#333;font-weight:700}.bell-exp-material-cognition .images-preview .block .preview[data-v-4c3aae0b]{width:100%;height:429px}.bell-exp-material-cognition .images-preview .block .preview[data-v-4c3aae0b] .vjs-custom-skin{width:100%;height:100%}.bell-exp-material-cognition .images-preview .block .preview[data-v-4c3aae0b] video{width:calc(100% - 1px)}.bell-exp-material-cognition .images-preview .block .preview[data-v-4c3aae0b] .vjs-custom-skin>.video-js{height:430px;border-radius:2px;padding-top:0!important}.bell-exp-material-cognition .images-preview .block~.block[data-v-4c3aae0b]{margin-left:18px}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@-webkit-keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{-webkit-animation:animate-fade-in .2s ease-in-out;animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{-webkit-animation:animate-fade-in .2s;animation:animate-fade-in .2s}.driver-popover{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 1px 10px rgba(0,0,0,.4);z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;-webkit-transition:color;transition:color;-webkit-transition-duration:.2s;transition-duration:.2s}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}