.esearch-tags { margin-top: 30px; .esearch-tags-container { // // >.ant-row >.ant-col-9 { // // width: 37%; // // } // >.ant-row >.ant-col-9:nth-child(2) { // margin-left: 20px; // } .ant-card-head { .ant-card-head-title { color: #333333; } } .ant-card-extra { cursor: pointer; } // esearch-tags { // margin: 10px; // // .anticon-cross:hover { // // width: 16px; // // } // .anticon-cross { // position: absolute; // top: 5px; // // width: 16px; // height: 16px; // line-height: 16px; // border-radius: 8px; // color: #fff !important; // background: #737373; // } // .anticon-cross:hover { // width: 16px; // height: 16px; // line-height: 16px; // border-radius: 8px; // color: #fff !important; // background: #737373 !important; // } // } // .esearch-tags :hover { // .anticon-cross::before { // width: 16px; // } // } .esearch-tags-col-2 { .esearch-tags-container-left { margin-right: 10px; } .esearch-tags-container-right { margin-left: 10px; } } &-head-icon { font-size: 16px; color: #B2B2B2; i:first-child { margin-right: 11px; } } .esearch-tag-nodata { font-size: 14px; color: #AFB0B2; } } .esearch-tag { display: inline-block; position: relative; line-height: 30px; // height: 30px; background: #F4F4F4; border-radius: 15px; border-radius: 15px; padding: 0px 14px; margin: 8px; cursor: pointer; .esearch-tag-com { display: none; } } .esearch-tag:hover { .esearch-tag-com { display: inline-block; position: absolute; top: -5px; right: 0px; color: #737373; font-size: 16px; } } } .esearch-no-data { width: 100%; height: 100%; text-align: center; padding-top: 55px; color: #AFB0B2; }