yk-element-components/style.css

.el-menu-vertical-demo[data-v-a2e9f86a]:not(.el-menu--collapse){width:200px}svg[data-v-a2e9f86a]{margin-right:4px;width:1em;height:1em}.menu-item-svg svg{margin-right:4px;width:1em;height:1em}.node_dropdown_box .el-scrollbar__bar{display:none!important}.edit[data-v-12f74e4a]{width:1em;height:1em;position:relative;top:2px;left:4px;cursor:pointer}.action-icon[data-v-12f74e4a]{display:flex}.action-icon svg[data-v-12f74e4a]{width:1em;height:1em;margin-left:8px;position:relative;top:8px;cursor:pointer}.action-icon .check[data-v-12f74e4a]{color:red}.action-icon .close[data-v-12f74e4a]{color:green}.pagination[data-v-12f74e4a]{margin-top:16px;display:flex;align-items:center}.operation[data-v-12f74e4a]{display:flex;align-items:center}.custom_yk_form_box{width:100%;overflow-x:scroll}.custom_yk_form_box::-webkit-scrollbar{width:10px;height:10px}.custom_yk_form_box::-webkit-scrollbar-track{--webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);border-radius:10px}.custom_yk_form_box::-webkit-scrollbar-thumb{border-radius:5px;background:#d7d7d7;--webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}.custom_yk_form_box .el-range-separator{width:auto}.customFomrBox{min-width:800px}.customFomrBox .el-button{border:none;height:32px}.customFomrBox .el-form-item,.customFomrBox .el-form-item__label{white-space:nowrap}.customFomrBox .el-form-item__error{font-size:12px!important;zoom:.9}.customFomrBox .connecText{font-size:13px;padding:0 5px}.ykFormBox{display:flex;justify-content:space-between;overflow:hidden;transition:.5s;border-bottom:1px solid #E8EAED;margin-bottom:8px;position:relative}.ykFormBox:after{content:"";position:absolute;width:100%;background:#ffffff;height:10px;bottom:0;left:0}.buttonBox{display:inline-block;white-space:nowrap}.default-color-button{background:#f2f4f7!important}.open-or-close-icon{padding:9px!important}.container[data-v-dceabef5]{display:flex;align-items:center;flex-wrap:wrap}.item[data-v-dceabef5]{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;cursor:pointer;height:70px}.text[data-v-dceabef5]{font-size:14px}.icon[data-v-dceabef5]{flex:1}svg[data-v-dceabef5]{width:2em;height:2em}.trend[data-v-a794dc26]{display:flex;align-items:center}.trend .text[data-v-a794dc26]{font-size:12px;margin-right:4px}.trend .icon svg[data-v-a794dc26]{width:.8em;height:.8em}svg[data-v-0e69d0be]{width:1.5em;height:1.5em}.container[data-v-27a83e27]{display:flex;align-items:center;padding:12px 20px;cursor:pointer}.container[data-v-27a83e27]:hover{background:#e6f6ff}.container .avatar[data-v-27a83e27]{flex:1}.container .content[data-v-27a83e27]{flex:3}.container .content .title[data-v-27a83e27]{display:flex;align-items:center;justify-content:space-between}.container .content .time[data-v-27a83e27]{font-size:12px;color:#999;margin-top:4px}.actions[data-v-27a83e27]{height:50px;display:flex;align-items:center;border-top:1px solid #eee}.actions .a-item[data-v-27a83e27]{height:50px;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.actions .a-item .a-icon[data-v-27a83e27]{margin-right:4px;position:relative;top:2px}.border[data-v-27a83e27]{border-right:1px solid #eee}.result[data-v-cb53fdb3]{display:flex;align-items:center;width:fit-content;cursor:pointer}.container[data-v-cb53fdb3]{padding:6px}.rotate[data-v-cb53fdb3]{transform:rotate(180deg)}svg[data-v-cb53fdb3]{width:1em;height:1em;position:relative;top:2px;margin-left:4px;transition:all .25s linear}.city[data-v-cb53fdb3],.province[data-v-cb53fdb3]{display:flex;align-items:center;flex-wrap:wrap;margin-top:10px;margin-bottom:10px}.city .city-item[data-v-cb53fdb3],.city .province-item[data-v-cb53fdb3],.province .city-item[data-v-cb53fdb3],.province .province-item[data-v-cb53fdb3]{padding:3px 6px;margin-right:8px;border:1px solid #eee;margin-bottom:8px;cursor:pointer}.city-name[data-v-cb53fdb3],.province-name[data-v-cb53fdb3]{display:flex;align-items:center;flex-wrap:wrap}.city-name .city-name-item[data-v-cb53fdb3],.city-name .province-name-item[data-v-cb53fdb3],.province-name .city-name-item[data-v-cb53fdb3],.province-name .province-name-item[data-v-cb53fdb3]{margin-right:6px;margin-bottom:6px;cursor:pointer}.pagination-container{position:relative;height:72px;background:#fff;display:flex;justify-content:space-between;align-items:center}.pagination-container.hidden{display:none}.el-pagination .el-select .el-input__wrapper{box-shadow:0 0!important}.el-pagination .el-select .el-input__wrapper:hover,.el-pagination .el-select .el-input.is-focus .el-input__wrapper,.el-pagination .el-select:hover{border:none!important;box-shadow:0 0!important}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background:none!important}.el-pagination.is-background .el-pager li:not(.disabled).active{background:#1890ff!important}.el-pagination.is-background .el-pager li:not(.is-disabled).is-active{background:#1890ff!important}.custom_select_box{width:100%;display:inline-block;position:relative}.custom_value{position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);background:white;left:1px;top:1px;border-radius:5px;z-index:9;display:flex;align-items:center;font-size:13px;color:#000000b3}.custom_select_box .el-select{width:100%}.custom_select .el-select-dropdown__item{line-height:normal!important;height:auto!important;padding:5px 10px!important;font-size:12px;min-width:260px}.custom_select_option{display:flex;align-items:center}.custom_select_option img{width:40px;height:40px;border-radius:5px}.custom_value img{width:20px;height:20px;border-radius:10px;margin-right:8px;margin-left:15px}.custom_value div{width:calc(100% - 73px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom_select_box i{color:#c0c4cc;font-size:14px!important;width:26px;text-align:center;cursor:pointer}.disabledBg{background:#E4E7ED;color:#c0c4cc}.cover_upload_box{position:absolute;right:8px;bottom:10px;z-index:9}.cover_upload_box .cover_upload_button{width:128px;height:32px;background:rgba(0,0,0,.5);border-radius:4px;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;font-size:14px;line-height:32px;color:#ffffffd9}.cover_upload_box .cover_upload_button i{font-size:14px!important;padding-right:5px!important;color:#ffffffd9!important}.video_pop_box{width:100%;position:relative;border-radius:8px;overflow:hidden}.video_operation{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2;opacity:0;transition:.3s}.video_close{widows:16px;height:16px;position:absolute;right:10px;top:10px;z-index:9;cursor:pointer}.video_recess{widows:40px;height:40px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;z-index:9;cursor:pointer}.video_upload_box{background:none!important;box-shadow:none!important}.video_upload_box:hover .video_operation{opacity:1}.video_upload_box .el-dialog__header,.video_upload_box .el-dialog__footer{display:none}.video_upload_box .el-dialog__body{padding:0}.yk-video-upload-custom-box>.el-upload{width:375px;height:211px;border-radius:5px;background:rgb(245,247,250);overflow:hidden}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px dashed rgb(220,223,230);box-sizing:border-box}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count i{color:#000;font-size:20px;font-weight:700}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .yk-video-upload-default-count-text{margin-top:8px;font-size:12px;color:#0006}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .loading_box{font-size:12px;color:#0193fe}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .loading_box div:nth-of-type(1){margin-bottom:5px}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .progress_box{position:absolute;bottom:8px;left:2%;width:96%;height:6px;background:rgb(231,231,231);border-radius:5px;overflow:hidden}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .progress_box .progress{position:relative;width:100%;height:100%;border-radius:5px}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .progress_box .progress div{position:absolute;left:0;top:0;height:100%;background:rgb(24,144,255);border-radius:5px;transition:.2}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count video{width:100%;height:100%;object-fit:cover}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_play_button{position:absolute;width:60px;height:60px;left:50%;right:50%;margin-left:-30px;margin-top:-10px;z-index:99}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_play_button img{width:100%;height:100%}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .error_img{width:24px;height:24px;margin-bottom:5px}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .error_button{font-size:12px;color:#000000b3;width:120px;height:32px;line-height:32px;border-radius:4px;background:rgba(255,255,255,.9);text-align:center;border:1px solid rgb(220,220,220)}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_remove_button{position:absolute;left:8px;bottom:10px;z-index:9;width:100px;height:32px;background:rgba(255,77,79,.8);border-radius:4px;border:1px solid rgba(255,77,79,.9);display:flex;justify-content:center;align-items:center;font-size:14px;line-height:32px;color:#ffffffd9}.yk-video-upload-custom-box>.el-upload .yk-video-upload-default-count .video_remove_button i{font-size:14px!important;padding-right:5px!important;color:#ffffffd9!important}.yk-video-upload-tips-text{font-size:12px;color:#0006;margin-top:5px}.yk-video-upload-error-text{color:#ff4d4f}.progress-box[data-v-6fe2c7b5]{box-sizing:border-box;width:360px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;background-color:#ecf1ff;font-size:14px;border-radius:4px}.uploadWrapper[data-v-6fe2c7b5]{width:360px}*{margin:0;padding:0}html,body,#app,.el-container,.el-menu{height:100%}.m-choose-icon-dialog-body-height .el-dialog__body{height:500px;overflow:scroll}.list-tabs__item .el-tabs__nav{width:100%;display:flex}.list-tabs__item .el-tabs__item{flex:1;text-align:center}