.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.htmlsymbol{max-width:1024px}.htmlsymbol .searchBar{font-size:14px}.htmlsymbol .tableGroup{margin:0 auto;display:flex;flex-wrap:wrap;border:1px solid rgba(102,102,102,.1);border-right:none;border-top:none}.htmlsymbol .tableGroup__item{width:33.3%;display:flex}.htmlsymbol .tableGroup__item>div{border:1px solid #ddd;padding:4px 8px;transition:.2s}.htmlsymbol .tableGroup__item .canCopy{cursor:pointer}@media(max-width:576px){.htmlsymbol .tableGroup__item{width:100%}.htmlsymbol .tableGroup__item button span{font-size:12px}}.htmlsymbol .tableGroup__item__symbol{width:33%;background-color:#e2ebf4}.htmlsymbol .tableGroup__item__symbol:hover{color:#df2073;background-color:#c9ddf1}.htmlsymbol .tableGroup__item__name{width:33.5%;text-align:left}.htmlsymbol .tableGroup__item__name:hover{color:#df2073;background-color:#e6e6e6}.htmlsymbol .tableGroup__item__code{width:33.5%;text-align:left}.htmlsymbol .tableGroup__item__code:hover{color:#df2073;background-color:#e6e6e6}.htmlsymbol .back_to_top{color:#00538a;font-weight:700;cursor:pointer}.htmlsymbol .htmlsymbol__table{height:0;overflow:hidden}.htmlsymbol__header{display:flex;width:100%;font-weight:500;color:#fff;font-size:12px}.htmlsymbol__header>div{padding:4px 8px;border-right:1px solid #fff;background-color:#3785c9}.htmlsymbol__header>div:nth-of-type(3n+1){width:33%;background-color:#2574b9}.htmlsymbol__header>div:nth-of-type(3n+2){width:33.5%}.htmlsymbol__header>div:nth-of-type(3n){width:33.5%}