.component-links-container{display:block;margin:0;padding:0;position: relative; height: 100%;}
.component-links-container .showLoading{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;background-color: rgba(255, 255, 255, 0.8);box-sizing: border-box;padding: 20px;}
.component-links-container .showLoading .content_tip{display: block;text-align: center;font-size: 14px;line-height: 1;color: #aaa;}
.component-links-wrapper{display:block;width:100%;height:100%!important;overflow-y:scroll;margin:0;padding:0;}
.component-links-scroll-bar{padding-right:0;height:100%!important;overflow-y:scroll;overflow-x:hidden;scrollbar-face-color:#E8EAEC;scrollbar-arrow-color:#ffffff;scrollbar-color: #E8EAEC transparent;scrollbar-width: thin;}
.component-links-scroll-bar::-webkit-scrollbar{width:5px;height:5px;}
.component-links-scroll-bar::-webkit-scrollbar-thumb{border-radius:3px;background:#E8EAEC;}
.component-links-scroll-bar::-webkit-scrollbar-track{border-radius:10px;background:#fff;}
.links-list .list-item-placeholder{position: relative;border: none;}
.links-list .list-item-placeholder::after{position: absolute;display: block;content: '\20';height: calc(100% - 12px);margin-left: 12px;margin-right: 12px;border:1px double #d7d7d7; left: 0;right: 0;top: 0;}
.links-list .list-item .list-item-wrapper{display:block;width:100%;position: relative;background-color: #F2F2F2;margin-bottom: 12px;}
.links-list .list-item .list-item-wrapper>div{display: block;width: 100%;padding: 12px;box-sizing: border-box;line-height: 0;font-size: 0;}
.links-list .list-item .list-item-wrapper>div h6{display: flex;width: 100%;white-space: nowrap;margin:0;padding:0;}
.links-list .list-item .list-item-wrapper>div h6 span.title{display: block;font-size: 14px;line-height: 1.2;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 41px);}
.links-list .list-item .list-item-wrapper>div h6 span.count{display: block;max-width: 41px;text-align: right;font-size: 14px;line-height: 1.2;color: #aaa;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;padding-left: 0.5em;}
.links-list .list-item .list-item-wrapper>div p{display: block;width: 100%;font-size: 12px;line-height: 1.2;color: #bbb;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:0;padding:0;}

.links-list .list-item .list-item-wrapper .corner-button-group{display: inline-block;line-height: 0;text-align: right;position: absolute;right: 0;top: 0;font-size: 0;width: max-content;height: max-content;padding:0;}
.links-list .list-item .list-item-wrapper .corner-button-group .corner-button{font-size: 11px;display: inline-block;line-height: 1;padding: 3px;background-color: transparent;display: none;border: 2px solid transparent;}
.links-list .list-item .list-item-wrapper .corner-button-group .corner-button.awaysShow{display: inline-block;}
.links-list .list-item .list-item-wrapper .corner-button-group .corner-button.starButton{color: #ff892a!important;background-color: transparent;}
/* 收藏样式 */
.links-list .list-item .list-item-wrapper.isIndex>div h6 span.count{color: #69AA46;}
/* HOVER */
.links-list .list-item .list-item-wrapper:hover{background-color: #F1F5F9;color: #4B88B7;}
.links-list .list-item .list-item-wrapper:hover>div{color: #4B88B7;}
.links-list .list-item .list-item-wrapper:hover>div h6 span{color: #4B88B7;}
.links-list .list-item .list-item-wrapper:hover>div p{color: #4B88B7;}
.links-list .list-item .list-item-wrapper:hover>div:hover{text-decoration: none;}
.links-list.editList .list-item .list-item-wrapper:hover .corner-button-group .corner-button{display: inline-block;}
/* 编辑表单 */
.component-links-editor-container{display:block;margin:0;padding:0;position: relative;margin-bottom: 12px;}
.component-links-editor-wrapper{display:block;width:100%;margin:0;padding:0;box-sizing: border-box;padding-right: 8px;}
.links-editor-form-wrapper{display: block;box-sizing: border-box;padding: 12px;background-color: #F2F2F2;position: relative;}
.links-editor-form-wrapper .links-editor-form{box-sizing: border-box;padding:12px;background-color: #fff;display: none;}
.links-editor-form-wrapper .links-editor-form .button_bar{text-align: right;}
.links-editor-form-wrapper .add-link-button{display: block;width: 100%;text-align: center;color: #AAAAAA;font-size: 14px;}
.links-editor-form-wrapper .add-link-button:hover{text-decoration: none;}
.links-editor-form-wrapper .dragReaction-wrapper{display: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #fff;box-sizing: border-box;padding:12px;}
.links-editor-form-wrapper .dragReaction-wrapper .rect{display: block;width: 100%;height: 100%;border-radius: 14px;border: 1px double #D7D7D7;}
.links-editor-form-wrapper .dragReaction-wrapper>span{display: inline-block;font-size: 14px;color: #8089A0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/* 表单展开模式 */
.links-editor-form-wrapper.showForm .links-editor-form{display: block;}
.links-editor-form-wrapper.showForm .add-link-button{display: none;}
/* 拖拽中 模式 */
.links-editor-form-wrapper.onDraging .links-editor-form{display: block;}
.links-editor-form-wrapper.onDraging .add-link-button{display: none;}
.links-editor-form-wrapper.onDraging .dragReaction-wrapper{display: block;}
.URLDrop_child_pointer_events *{pointer-events: none;}
/* 首页 */
#index_common_link{height:560px;}
.component-links-custom-general-container{height:560px;}
/* 公共浮动 */
#float_common_link_container,#float_custom_edit_container,#float_custom_link_container{width: 460px;}