.indexchange_subject{display:flex;padding:0 0 0 52px;width:100%}.indexchange_subject .subject_content{display:inline-block;flex:1;height:44px;line-height:44px;overflow:hidden;white-space:nowrap}.indexchange_subject .subject_content .subject_text{color:#222;cursor:pointer;font-size:16px;font-weight:400;margin-left:24px;margin-right:24px}.indexchange_subject .subject_content .subject_text:hover{color:#36f}.indexchange_subject .subject_content .active_sub_color{background:#36f;border-radius:30px;color:#fff!important;margin-left:0;margin-right:0;padding:11px 24px}.indexchange_subject .subject_more{color:#222;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:400;line-height:44px;position:relative}.indexchange_subject .subject_more .moreicon{height:12px;margin-left:4px;width:12px}.indexchange_subject .subject_more .more_modal{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 16px rgba(207,207,207,.25);display:none;height:220px;overflow:auto;padding:12px 24px;position:absolute;right:50%;top:44px;transform:translate(50%);width:180px;z-index:2}.indexchange_subject .subject_more .more_modal .subitem_modaltext{color:#222;display:block;font-size:16px;line-height:20px;padding:16px 0}.indexchange_subject .subject_more .more_modal .active_modaltext,.indexchange_subject .subject_more .more_modal .subitem_modaltext:hover{color:#36f}.indexchange_subject .subject_more:hover .more_modal{display:inline-block}