.td-block-title-wrap .td-wrapper-pulldown-filter { font-family: var(--td_default_google_font_2, 'Roboto', sans-serif); position: absolute; bottom: 0; right: 0; top: 0; margin: auto 0; z-index: 2; background-color: #fff; font-size: 13px; line-height: 1; color: #777; text-align: right; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option { cursor: pointer; white-space: nowrap; position: relative; line-height: 29px; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i { font-size: 9px; color: #777; margin-left: 20px; margin-right: 10px; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i:before { content: '\e83d'; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option span { padding-left: 20px; margin-right: -14px; } @media (max-width: 360px) { .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option span { display: none; } } .td-block-title-wrap .td-pulldown-filter-display-option:hover, .td-block-title-wrap .td-pulldown-filter-display-option:hover i { color: #4db2ec; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover ul { display: block; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-list { list-style: none; position: absolute; right: 0; top: 100%; padding: 18px 0; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.95); z-index: 999; border-width: 1px; border-color: #ededed; border-style: solid; display: none; margin: 0; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-item { list-style: none; margin: 0; } .td-block-title-wrap .td-pulldown-filter-item .td-cur-simple-item { color: #4db2ec; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-more { padding-bottom: 10px; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-more:before { content: ''; width: 70px; height: 100%; position: absolute; margin-top: 2px; top: 0; right: 0; z-index: 1; opacity: 0; } .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-link { color: #777; white-space: nowrap; display: block; line-height: 26px; padding-left: 36px; padding-right: 27px; } .td-block-title-wrap .td-pulldown-filter-link:hover { color: #4db2ec; } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option span { display: none; } .td-pb-span4 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-link { padding-left: 24px; padding-right: 20px !important; } }