.CityList1_city-list-root_1_P3 { height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .CityList1_group-title_hdJx { background-color: hsl(0, 0%, 95%); height: 44px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #666; padding: 8px 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .CityList1_city-item_3tCk { background-color: #ffffff; height: 44px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .CityList1_city-item_3tCk::after { position: absolute; content: ''; height: 1px; left: 12px; right: 0px; bottom: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #e5e5e5; } .CityList1_city-item_3tCk:last-child::after { display: none; } .CityList1_city-item_3tCk .CityList1_city-name_2HXt { font-size: 14px; line-height: 20px; color: #212121; margin-right: 8px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .CityList1_city-item_3tCk .CityList1_last-division_3vmf { font-size: 12px; color: #999; line-height: 16px; margin-right: 4px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .CityList1_city-item_3tCk .CityList1_country-name_2DQc { font-size: 12px; color: #999; line-height: 16px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .CityList1_see-more-btn_3KJB { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; height: 44px; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .CityList1_see-more-btn_3KJB::after { position: absolute; content: ''; height: 1px; left: 0px; right: 0px; top: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #e5e5e5; } .CityList1_see-more-btn_3KJB .CityList1_text_qLu9 { font-size: 14px; line-height: 20px; color: #999; margin-right: 4px; } .CityList1_see-more-btn_3KJB .CityList1_icon_ofX7 { font-size: 16px; color: #999; } .CityList1_hot-cities-panel_1pWC { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; padding: 0 12px; } .CityList1_hot-cities-panel_1pWC .CityList1_title_hi9C { font-size: 16px; font-weight: 500; color: #212121; line-height: 24px; margin: 12px 0px; } .CityList1_letter-list_3YRn { position: absolute; right: 4px; top: 15%; z-index: 1; max-height: 85%; overflow: hidden; } .SearchBox_searchBox_3IKl { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .SearchBox_searchBar_2gRP { width: 100%; padding: 8px 12px; background-color: #FFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .SearchBox_searchBar_2gRP::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #E5E5E5; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 28px; background: #F2F2F2; border-radius: 4px; padding: 0px 8px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 0px; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_searchIcon_1rk9 { font-size: 16px; color: #a4a4a4; margin-right: 4px; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_searchForm_367k { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 0px; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_searchForm_367k .SearchBox_input_3_f0 { cursor: pointer; background: #F2F2F2; border: none; outline: none; color: #212121; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0px; height: 28px; line-height: 16px; font-size: 12px; font-weight: 400; caret-color: #276FF5; padding: 6px 0px; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_searchForm_367k .SearchBox_input_3_f0::-webkit-search-cancel-button { display: none; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_searchForm_367k .SearchBox_input_3_f0::-webkit-input-placeholder { color: #ccc; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_searchForm_367k .SearchBox_input_3_f0::-webkit-search-decoration { display: none; } .SearchBox_searchBar_2gRP .SearchBox_searchInput_11vt .SearchBox_clearIcon_3zE3 { font-size: 16px; color: #ccc; padding-left: 4px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .SearchBox_searchBar_2gRP .SearchBox_cancelBtn_FrR7 { margin-left: 12px; font-size: 16px; height: 24px; line-height: 24px; color: #276FF5; font-weight: 400; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .SearchBox_searchHistoryPanel_2IU5 { position: absolute; top: 44px; left: 0px; width: 100vw; z-index: 1051; background: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: calc(100vh - 44px); } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_titleBar_1gOQ { height: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0 12px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_titleBar_1gOQ .SearchBox_title_3JHu { height: 24px; font-size: 16px; line-height: 24px; color: #212121; font-weight: 500; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_titleBar_1gOQ .SearchBox_deleteButton_Y4t3 { font-size: 20px; color: #999999; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_titleBar_1gOQ .SearchBox_deleteButton_Y4t3:active { opacity: 0.5; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_searchHistoryRecordsPanel_1XCk { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 12px; overflow: hidden; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_searchHistoryRecordsPanel_1XCk .SearchBox_recordText_tPp6 { font-size: 12px; font-weight: 400; color: #212121; background: #F2F2F2; border-radius: 4px; height: 28px; line-height: 28px; padding: 0 8px; margin: 0 12px 12px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_noDataBox_3CaC { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_noDataBox_3CaC .SearchBox_takeAPlace_27mP { height: 25%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_noDataBox_3CaC .SearchBox_searchTipsPng_3fGG { width: 224px; height: 128px; margin-bottom: 16px; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_noDataBox_3CaC .SearchBox_searchTips_Y1p4 { font-size: 14px; height: 20px; line-height: 20px; font-weight: 400; color: #666; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_moreDataBtn_3DR0 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_moreDataBtn_3DR0 .SearchBox_moreDataBtnText_2JHR { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; margin-right: 4px; } .SearchBox_searchHistoryPanel_2IU5 .SearchBox_moreDataBtn_3DR0 .SearchBox_moreDataBtnIcon_FvZ7 { font-size: 16px; color: #999999; } .SearchBox_confirmDialog_1KuO { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 280px; } .SearchBox_confirmDialog_1KuO .SearchBox_content_1zqn { padding: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; line-height: 24px; color: #212121; font-weight: 500; position: relative; } .SearchBox_confirmDialog_1KuO .SearchBox_content_1zqn:after { content: ""; height: 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #E5E5E5; position: absolute; bottom: 0; width: 100%; } .SearchBox_confirmDialog_1KuO .SearchBox_comfirmBar__NOS { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 48px; } .SearchBox_confirmDialog_1KuO .SearchBox_comfirmBar__NOS .SearchBox_cancelBtn_FrR7 { position: relative; } .SearchBox_confirmDialog_1KuO .SearchBox_comfirmBar__NOS .SearchBox_cancelBtn_FrR7:after { content: ""; width: 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); background-color: #E5E5E5; position: absolute; right: 0; height: 100%; } .SearchBox_confirmDialog_1KuO .SearchBox_comfirmBar__NOS .SearchBox_confirmBtn_KMnO { color: #276FF5; } .SearchBox_confirmDialog_1KuO .SearchBox_comfirmBar__NOS .SearchBox_cancelBtn_FrR7, .SearchBox_confirmDialog_1KuO .SearchBox_comfirmBar__NOS .SearchBox_confirmBtn_KMnO { font-size: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .VirtualList_virtual-list-root_1zlc { min-height: 0px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: auto; } .VirtualList_virtual-list-root_1zlc .VirtualList_viewable-area_2Dyy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .Tab_tab_3D2n { width: 100%; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .Tab_tab_3D2n ol { padding: 0; margin: 0; list-style-type: none; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .Tab_tab_3D2n > .Tab_container_R1TP { height: 44px; background-color: #fff; overflow: hidden; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_showDivider_2oBK:after { content: ''; position: absolute; background-color: #e5e5e5; height: 1px; top: 43px; left: 0px; right: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV { color: #404040; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; padding-bottom: 28px; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-overflow-scrolling: touch; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 44px; background-color: #fff; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV::-webkit-scrollbar { display: none !important; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; display: inline-block; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM.Tab_active_dWTl .Tab_item-content_3FPG { color: #276FF5; font-weight: 500; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM.Tab_active_dWTl .Tab_item-content_3FPG .Tab_bottom-line_3aWJ { background-color: #276FF5; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM .Tab_item-content_3FPG { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 0px 12px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM .Tab_item-content_3FPG .Tab_item-title_2qo4 { padding: 12px 0 10px 0; max-width: 98px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM .Tab_item-content_3FPG .Tab_bottom-line_3aWJ { width: 28px; height: 2px; background-color: transparent; border-radius: 1px; } .Tab_tab_3D2n > .Tab_container_R1TP.Tab_sticky_2m7_ { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; z-index: 1; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_addIcon_1K5h { width: 44px; font-weight: bold; font-size: 16px; color: #404040; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_dropdowIcon_3YoI { width: 44px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #666666; margin: 8px 0; font-size: 12px; position: relative; } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_dropdowIcon_3YoI:after { content: ''; position: absolute; width: 1px; top: 0; left: 0; bottom: 0; background-color: #e5e5e5; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } .Tab_tab_3D2n > .Tab_container_R1TP .Tab_dropupIcon_aMah { color: #276FF5; } .Tab_tab_3D2n > .Tab_panel_35nr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; overflow: auto; } .Tab_tab_3D2n > .Tab_panel_35nr .Tab_panel-item_1Ogi { height: 100%; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .Tab_tab_3D2n > .Tab_panel_35nr .Tab_panel-item_1Ogi.Tab_active_dWTl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .Tab_tab_3D2n > .Tab_dropdown-panel_3wCj { position: absolute; width: 100%; top: 44px; background-color: #fff; padding-top: 12px; padding-left: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 252px; overflow: scroll; } .Tab_tab_3D2n > .Tab_dropdown-panel_3wCj .Tab_item_TxoM { margin-right: 12px; margin-bottom: 12px; padding: 0 8px; height: 28px; line-height: 28px; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; font-size: 12px; background-color: #f2f2f2; border-radius: 4px; color: #212121; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .Tab_tab_3D2n > .Tab_dropdown-panel_3wCj .Tab_active_dWTl { background: #F2F9FF; color: #276FF5; position: relative; } .Tab_tab_3D2n > .Tab_dropdown-panel_3wCj .Tab_active_dWTl:after { content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border: 1px solid #276FF5; border-radius: 8px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .Tab_equal_1uju > .Tab_panel_35nr { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .Tab_equal_1uju > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM { width: 0px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .Tab_equal_1uju > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM .Tab_item-content_3FPG .Tab_item-title_2qo4 { max-width: 100%; } .Tab_tab-vertical_PQLp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .Tab_tab-vertical_PQLp ol { padding: 0; margin: 0; list-style-type: none; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP { width: 80px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #FaFaFa; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_bar_3cCV { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_bar_3cCV::-webkit-scrollbar { display: none !important; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 12px 11px; font-size: 14px; line-height: 20px; color: #404040; position: relative; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM.Tab_active_dWTl { color: #276FF5; font-weight: bold; background: #FFFFFF; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM.Tab_active_dWTl .Tab_left-line_2UfV { position: absolute; left: 0; height: 20px; width: 2px; border-radius: 1px; background: #276FF5; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_bar_3cCV .Tab_item_TxoM .Tab_item-title_2qo4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .Tab_tab-vertical_PQLp > .Tab_container_R1TP .Tab_addIcon_1K5h { height: 44px; font-weight: bold; font-size: 16px; color: #404040; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .Tab_tab-vertical_PQLp > .Tab_panel_35nr { background: #FFFFFF; overflow: auto; } .Tab_tab-vertical_PQLp > .Tab_panel_35nr .Tab_panel-item_1Ogi { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; } .Tab_tab-vertical_PQLp > .Tab_panel_35nr .Tab_panel-item_1Ogi.Tab_active_dWTl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .Tab_rightShadow_1Vyj { width: 12px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(1, #ffffff)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, #ffffff 1); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, #ffffff 1); pointer-events: none; right: 0px; -webkit-filter: blur(0px); filter: blur(0px); position: absolute; } .Tab_rightDist_3x2d { right: 44px; } .Tab_bottomShadow_AIAb { width: 100%; height: 12px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(1, #ffffff)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, #ffffff 1); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, #ffffff 1); pointer-events: none; right: 0px; -webkit-filter: blur(0px); filter: blur(0px); position: absolute; } .LetterList_letter-list-root_1mQ6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 12px; } .LetterList_letter-list-root_1mQ6 .LetterList_letter_2Wul { width: 12px; height: 12px; margin-bottom: 2px; color: #666; font-size: 10px; line-height: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .LetterList_letter-list-root_1mQ6 .LetterList_active-letter_3ItQ { background-color: #276FF5; color: #fff; border-radius: 50%; } .OrganizationF7_noDataBox_2fb3 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; } .OrganizationF7_noDataBox_2fb3 .OrganizationF7_takeAPlace_1N-7 { height: 25%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .OrganizationF7_noDataBox_2fb3 .OrganizationF7_searchTipsPng_11Za { width: 224px; height: 128px; margin-bottom: 16px; } .OrganizationF7_noDataBox_2fb3 .OrganizationF7_searchTips_2hxF { font-size: 14px; height: 20px; line-height: 20px; font-weight: 400; color: #666; } .OrganizationF7_orgList_3Rg7 { overflow: auto; background-color: white; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 44px; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-content_1qYA { padding-left: 12px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #212121; font-size: 14px; line-height: 20px; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-content_1qYA .OrganizationF7_org-name_S1K2 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; width: 0px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-content_1qYA .OrganizationF7_org-item-selected_2Rj5 { height: 20px; line-height: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #276FF5; font-size: 16px; margin-right: 12px; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-content_1qYA .OrganizationF7_org-item-not-selected_3wtu { display: none; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-arrow_3yDQ { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 44px; height: 44px; line-height: 44px; font-size: 16px; color: #ccc; padding-left: 20px; position: relative; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-arrow_3yDQ::after { content: ''; position: absolute; left: 0px; width: 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); background-color: #e5e5e5; top: 8px; bottom: 8px; } .OrganizationF7_orgList_3Rg7 .OrganizationF7_org-item_1RcD .OrganizationF7_org-arrow_3yDQ.OrganizationF7_org-arrow-hide_TRn- { display: none; } .OrganizationF7_org-scroll-list-wrap_VXdH { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 12px; position: relative; height: 44px; background-color: #fff; } .OrganizationF7_org-scroll-list-wrap_VXdH::after { position: absolute; content: ''; height: 1px; bottom: 0px; left: 0px; right: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #e5e5e5; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 44px; background-color: #FFF; position: relative; width: 100%; overflow: hidden; overflow-x: auto; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD .OrganizationF7_org-name_S1K2 { margin-right: 4px; color: #276FF5; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD .OrganizationF7_org-arraw_3h7f { font-size: 16px; color: #666; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD:last-child .OrganizationF7_org-name_S1K2 { color: #666; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD .OrganizationF7_org-name-box_3-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #276FF5; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD .OrganizationF7_org-name-box_3-12 .OrganizationF7_org-name-left_1cMN { width: 84px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .OrganizationF7_org-scroll-list-wrap_VXdH .OrganizationF7_org-scroll-list_3QV2 .OrganizationF7_org-item_1RcD .OrganizationF7_org-name-box_3-12:last-child { color: #666; } .OrganizationF7_userf7_1Tbp { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F2F6F9; } .OrganizationF7_userf7_1Tbp .OrganizationF7_bottomSpace_BraP { height: calc(100% - 49px); } .OrganizationF7_search-box_qG8c { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .commonParts_nav-bar-root_3_RB { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 44px; background-color: white; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .commonParts_nav-bar-root_3_RB .commonParts_title_1G49 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 18px; color: #212121; text-align: center; line-height: 28px; font-weight: bold; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .commonParts_nav-bar-root_3_RB .commonParts_title-left_3IxV, .commonParts_nav-bar-root_3_RB .commonParts_title-right_3npf { width: 88px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .commonParts_nav-bar-root_3_RB .commonParts_title-left_3IxV { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .commonParts_nav-bar-root_3_RB .commonParts_title-left_3IxV span { width: 24px; height: 24px; color: #373737; font-size: 24px; } .commonParts_list-item-root_HbVK { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 12px; background-color: #fff; } .commonParts_list-item-root_HbVK .commonParts_content_1woc { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 0px; overflow: hidden; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_delete-icon_34g_ { font-size: 24px; color: #fb2323; margin-right: 12px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_sample-graph_3DCI { width: 32px; height: 32px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_sample-graph_3DCI.commonParts_fillet-graph_2NcW { border-radius: 50%; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 0px; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC .commonParts_main-info_2mvm { height: 20px; line-height: 20px; font-size: 14px; font-weight: 400; color: #212121; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC .commonParts_main-info_2mvm.commonParts_larger-style_2iNG { height: 24px; font-size: 16px; line-height: 24px; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC .commonParts_main-info_2mvm.commonParts_wrap_1Wt1 { height: auto; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC .commonParts_supplementary-info_2wfi { height: 16px; font-size: 12px; font-weight: 400; color: #999999; line-height: 16px; margin-top: 4px; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC .commonParts_supplementary-info_2wfi.commonParts_wrap_1Wt1 { height: auto; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_content-area_3sCf .commonParts_instructions_2EaC .commonParts_disable_2OeP { color: #999; } .commonParts_list-item-root_HbVK .commonParts_content_1woc .commonParts_single-selected-icon_1ZNp { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; font-size: 16px; color: #2870f5; margin-left: 12px; } .commonParts_list-item-root_HbVK .commonParts_right-arrow-box_3x7K { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .commonParts_list-item-root_HbVK .commonParts_right-arrow-box_3x7K .commonParts_right-arrow-icon_3C62 { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; color: #CCCCCC; width: 32px; height: 24px; line-height: 24px; position: relative; } .commonParts_list-item-root_HbVK .commonParts_right-arrow-box_3x7K .commonParts_right-arrow-icon_3C62::before { position: absolute; right: 0px; } .commonParts_list-item-root_HbVK .commonParts_right-arrow-box_3x7K.commonParts_no-dividing-line_2Rsq { margin-left: 0px; } .commonParts_list-title-root_34Lk { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 12px; background-color: #FFFFFF; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .commonParts_list-title-root_34Lk .commonParts_title_1G49 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; font-size: 16px; color: #212121; font-weight: 500; line-height: 24px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .commonParts_list-title-root_34Lk .commonParts_icon_iuWu { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 16px; width: 16px; font-size: 16px; color: #ccc; margin-left: 12px; } .commonParts_toolbar-root_h59p { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 6px 12px; background-color: #FFFFFF; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 48px; } .commonParts_toolbar-root_h59p .commonParts_clear-span_M6EQ { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; height: 20px; font-size: 14px; font-weight: 400; color: #276FF5; line-height: 20px; } .commonParts_toolbar-root_h59p .commonParts_btn-area_1iPr { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .commonParts_toolbar-root_h59p .commonParts_btn-area_1iPr .commonParts_selected-btn_Swcy { width: 88px; height: 36px; background: #FFFFFF; border-radius: 4px; border: 1px solid #CCCCCC; font-weight: 500; color: #212121; margin-right: 12px; white-space: nowrap; text-align: center; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 34px; } .commonParts_toolbar-root_h59p .commonParts_btn-area_1iPr .commonParts_confirm-btn_3Rff { width: 88px; height: 36px; background-color: #276FF5; border-radius: 4px; font-size: 14px; font-weight: 500; color: #FFFFFF; text-align: center; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 34px; } .commonParts_toolbar-root_h59p .commonParts_btn-area_1iPr .commonParts_confirm-btn_3Rff.commonParts_disable_2OeP { background-color: #85B8FF; } .commonParts_bottom-line_1o-J { position: relative; } .commonParts_bottom-line_1o-J::after { position: absolute; content: ''; height: 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); bottom: 0px; left: 0px; right: 0px; background-color: #E5E5E5; } .commonParts_bottom-line-with-12px-left_2MFv { position: relative; } .commonParts_bottom-line-with-12px-left_2MFv::after { content: ''; position: absolute; height: 1px; background-color: #E5E5E5; bottom: 0px; left: 12px; right: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .commonParts_left-line_2G8t { position: relative; } .commonParts_left-line_2G8t::after { position: absolute; content: ''; background-color: #E5E5E5; left: 0px; top: 0px; bottom: 0px; width: 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); } .commonParts_top-line_Xf0O { position: relative; } .commonParts_top-line_Xf0O::after { position: absolute; content: ''; height: 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); top: 0px; left: 0px; right: 0px; background-color: #E5E5E5; } .commonParts_org-scroll-list-wrap_U_lW { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 12px; position: relative; height: 44px; background-color: #fff; } .commonParts_org-scroll-list-wrap_U_lW::after { position: absolute; content: ''; height: 1px; bottom: 0px; left: 0px; right: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #e5e5e5; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 44px; background-color: #FFF; position: relative; width: 100%; overflow: hidden; overflow-x: auto; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_home_3TA7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_home_3TA7 .commonParts_home-icon_1okh { font-size: 16px; margin-right: 4px; color: #276FF5; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_home_3TA7 .commonParts_org-arraw_6eWL { font-size: 16px; color: #666; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh .commonParts_org-name_2ESs { margin-right: 4px; color: #276FF5; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh .commonParts_org-arraw_6eWL { font-size: 16px; color: #666; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh:last-child .commonParts_org-name_2ESs { color: #666; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh .commonParts_org-name-box_1Cf1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #276FF5; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh .commonParts_org-name-box_1Cf1 .commonParts_org-name-left_1Yww { width: 84px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .commonParts_org-scroll-list-wrap_U_lW .commonParts_org-scroll-list_3lvl .commonParts_org-item_Geoh .commonParts_org-name-box_1Cf1:last-child { color: #666; } .commonParts_checkbox-root_3y06 { width: 24px; height: 24px; background-size: cover; margin-right: 12px; } .commonParts_checkbox-root_3y06.commonParts_no-checked_22gS { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAS1BMVEUAAADd3d3d3d3g4ODh4eHk5OTo6Ojr6+vr6+vt7e3i4uLk5OTm5ubv7+/y8vLr6+v////a2tr8/Pzj4+Px8fH5+fn29vbq6urm5ubu//7rAAAAEHRSTlMA/vry8Nuwem4p6N+4LxMNY5/B4gAAAXpJREFUWMPslN2SgyAMhVdQqL8NMWLf/0k3VG+KDBJnd6bT6Xfr5HBy5PDz5dOY7NBopZxTSjeDna6ptKZ2EbVpxTK3ziXpbjKZ3cy8kkcEQPS0zrutcqmx31QI4QWkTasfy3Rs5ZjHAgmWh2MqW6Jjnm5YJs3ydGVOZe5NONFDBh8cN/eTf66DHYQsGEzpNusn6KxwyhqUcp7CXgQFUNgunzNBEZRL3EZ7nW5n0zpjxTlDMZx4lb6ZPX9BKAb53D7ZL/bqQYDngVTv6n0x0XJ12tACIpakpY57CkK4wd2hG5shuaW4KWZPSJySOUZNIIYOcU9sEkEM8tgUt2OGC8xxT4aoZYLGDfH7QXABil8THdVDUBP9IqSirAVpq/8Rcs7BJXjwz4TePKPfduzgBgAYhGHg/lszxMkfFFZoSWzk+YMPiSvSLK3HiAdbE7Ue/l5HTUF6ZTtEhFjjoOXo5zBa47EDuyuES41rVi9+rqIux67rfkDwk8bm2Rx92bMl+/sl4AAAAABJRU5ErkJggg==); } .commonParts_checkbox-root_3y06.commonParts_no-checked-disable_1GKT { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAARVBMVEUAAADf39/i4uLn5+ft7e3f39/g4ODj4+Pi4uLl5eXn5+fo6Ojv7+/y8vLr6+v19fXa2try8vLg4ODu7u7q6urk5OTc3NzwFffCAAAAD3RSTlMA8N1uKfLouLKufXgvEw0b++/iAAABYUlEQVRYw+yTWY7DIBBEB6/xlq4Obe5/1BHYP8YGA5qRoijvAE9Vpe6fL5/GMvVVC0db9dNSZmkGBQ81NNmausMlXZ2n2cOYVTQzEbOW1eyx0lVzBctLmA6wvGCp5jTPuGmYLuBNNaZ4Hk6jKYB2qset5mlrGU0RtLH1nnFPo7xWwX6qieaxnpVuWa0plsn2EkpAbLv4zkJJSGzx0fVKZA1fwWx3pmTs4nNoIMOUDJvATDUATRloAFd/p/ZiWeXUbaDySJ0LlB2pO/0GAKZMGID/KYMLVBBpOE8tlI2c5l62ZiXdloNoAgwVYIDpIOq9L8v4uN5/D6ECxH+TFtBUgAbag2jbumztfxNREX8pevONftuxgxsAYBCGgftvzRAnf1BYoSWxkecPPiSuSLO0HiMebE3Uevh7HTUF6ZXtEBFijYOWo5/DaI3HDuyuEC41rlm9+LmKuhy7rvsBwU8am2dz2WGpDR5xzW4AAAAASUVORK5CYII=); } .commonParts_checkbox-root_3y06.commonParts_checked_MRBi { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAkFBMVEUAAAAncPYocPYnb/Uob/Ynb/YocPUocPYudv8ocPYob/UocPYocPcqcPgocfgncPcocPcpcP8zgP9Jkv8nb/X////8/f71+f7a5/0uc/WHr/l6pvhvn/jm7v7I2vyvyvuavPpJhvZAf/Y6e/Xy9v7t8/5kmPdSjPdQivbS4fy90/ulw/pck/c0ePW0zfuTt/qwmUkuAAAAFHRSTlMA/Pnux8OgcRXfs6Z5SUZAPhkKBxmvmqsAAAHHSURBVFjD7ZjZdoIwEIZLwg7iNkEU96Xa1rbv/3aVXDVOZBJyuPH43fsdHP5MZnh78WxMijz0E84YT/wwLybdLHEUMFBgQRRba0apBxq8dGSlGQbwkGBorBln0Eo2NvMMOBDwgYkn8oDEi0jNNAQjwinxzn0wxI9bn0fxEKa2ZwrBgrClzmBF9PC9e2CFN3iQQw6WcH0yM7Am054v6IDu3AXQgQB7RtAJ3FVSMOBcHbegkKKz4QHN7iiEWKoRiDtk8bASNxYolbalnn80ntm+tdwTBiSfjad8BxWm3i0FkHyJhhruKRRRDhQL6dkCIrfrH0vp2ZDdhGpo17LxrOeA8RVRAndsj9XlX4BOjaf6Bg2JIuKaf3I6qAFa7UEHV0RMV9q1GqALaGGtov1M3PhFASJFqDnW8sdXFCAMby82bIQsEwoQIiFe/7ySZUIBQvhUIHeyTD8oQCiQ5BGphUQNECYnD60sEwoQoiDbiCwTDhBuI3Rj281QgBCBUatdlqKsiQHArPmfF2fi/o/xddSJtJ8L0v3Kdh8iehxr3Act99HPfRjtezx2H9jdVwj3pcZ9zep/8XNfRd2XY/d13f0DgvsnjRdPxh8eEd6UbnXhaAAAAABJRU5ErkJggg==); } .commonParts_checkbox-root_3y06.commonParts_checked-disable_30h6 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAV1BMVEUAAADf39/c3Nzi4uLn5+ft7e3g4ODj4+Pi4uLl5eXn5+fo6Ojv7+/y8vLr6+vn5+f19fXZ2dnMzMzx8fHg4ODu7u7q6urj4+Pc3Nzl5eXU1NTQ0NDp6enRyalWAAAAEHRSTlMA8fzdbynouLKufXgvEw1s2HAhGgAAAgFJREFUWMPsk0GWgyAQRAdMNGpMKFoQTe5/zgnsGhFwlvPyd7r4r7ro/vny35jGrhFSAlKKphunv1muvUCE6K+nNc8WSdrnKc1FIOBWa4iUIjJ2dQiIS7Xm3sAzW1IMsjM8zb3OM0h8WEgloAUf5FDjuYU0pA6gkOpW1Dz8WM6oDMb58R6FNxcsTiaUuGbzeM+iiizelMvk57KqAuuny/dsVRU21/jA5ypPNxzsoQRmVc0MyPtRQY7qReQOaroAMOoEBkDq7gQbrHI4kQ5E50SUjNTWvJjZtOMv1+5uoyaQeWmt3zxSfCl9RUPkPXrhLfX7qm3Js2kPsf2O654qJkPwvOO6JyYaAVfwuOBZop/AyEQdsBZuK3jiHleg4+dRqmgNnl1qG5+JKJyHDZ5NxZi4bRl3PevNRAukN0ott8yK3lrrF7EF8t9lEYB9teALlJwdQFZEv+2YvQqAMAyEF51Lkejg+7+n4JLho554tIM0DxBocrmf5o4AIDTC07ilHQB6NSPi79wIIDbi+nlZFQDi+hUg4+5QAaAnQOaJcEwEEE+ER8sxAUDiaJNGMCYACDSiiS0aACKxkWo5JtILqVaTfxwh9GgVciQKcpRVvglk6SLZvonwbU1Ho+VbP9+M+va4t2H3I4QfavyY5Qe/YVHUD8ds1Yrry8gPBP2lMetndQF/FbZ/fnF6CgAAAABJRU5ErkJggg==); } .SearchInput_root_2eSq { background: #f0f5f7; border-radius: 100px; height: 30px; width: 100%; padding: 0px 5px 0px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .SearchInput_root_2eSq .SearchInput_icon_nL4o { margin-right: 8px; width: 16px; height: 16px; } .SearchInput_root_2eSq input { outline: none; font-size: 14px; background: #f0f5f7; border: none; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .SearchInput_root_2eSq .SearchInput_delete_2JfT { position: absolute; width: 17px; height: 17px; top: 6px; right: 7px; } .SearchInput_root_2eSq .SearchInput_cancel_9lzv { font-size: 15px; color: #1d1d1d; line-height: 15px; margin-left: 16px; } .SearchInput_searchbox_3aUI { background: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; padding: 8px 12px; } .SearchInput_searchbox_3aUI .SearchInput_icon_nL4o { margin-right: 8px; width: 16px; height: 16px; } .SearchInput_searchbox_3aUI input { outline: none; font-size: 14px; background: initial; border: none; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .SearchInput_searchbox_3aUI .SearchInput_delete_2JfT { position: absolute; width: 17px; height: 17px; top: 14px; right: 7px; } .SearchInput_searchbox_3aUI .SearchInput_delete_cancel_1TB_ { right: 70px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .SearchInput_searchbox_3aUI .SearchInput_cancel_9lzv { font-size: 15px; line-height: 15px; margin-left: 16px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #276FF5; } .SearchInput_searchbox_3aUI .SearchInput_searchcontainer_1mR4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background: #eef1f3; border-radius: 4px; padding-left: 9px; height: 30px; } .SearchInput_searchbox_3aUI .SearchInput_searchcontainer_1mR4 input[type="search"] { -webkit-appearance: none; } .SearchInput_searchbox_3aUI .SearchInput_searchcontainer_1mR4 input::-webkit-search-decoration, .SearchInput_searchbox_3aUI .SearchInput_searchcontainer_1mR4 input::-webkit-search-cancel-button { display: none; } .SearchInput_searchbox_3aUI .SearchInput_input-container_Dl-L { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .SearchInput_searchpanel_3yqL { background: white; position: fixed; right: 0px; bottom: 0px; left: 0px; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 1; overflow: auto; } .SearchInput_searchhistorypanel_2yKY .SearchInput_fsl-itemcontainer_351x { height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .SearchInput_searchhistorypanel_2yKY .SearchInput_fsl-itemcontainer_351x .SearchInput_fsl-title_2oH7 { margin-left: 24px; font-size: 14px; font-weight: 400; color: #3f3f3f; line-height: 20px; } .SearchInput_searchhistorypanel_2yKY .SearchInput_fsl-itemcontainer_351x .SearchInput_fsl-close_2Pqh { color: #AEB1B0; font-size: 20px; margin-right: 20px; } .SearchInput_searchhistorypanel_2yKY .SearchInput_fsl-itemcontainer_351x:after { content: ""; height: 1px; background-color: #D1D1D1; position: absolute; margin-top: 20px; margin-left: 17px; right: 0px; left: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); opacity: 0.6; } .SearchInput_searchhistorypanel_2yKY .SearchInput_fsl-clearHistory_26xq { font-size: 14px; font-weight: 400; color: #768893; line-height: 20px; margin-top: 10px; text-align: center; } .SearchInput_selecteduserlist_19tT { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 49px; background: #FFFFFF; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: fixed; bottom: 0px; -webkit-box-shadow: 0px -1px 0px 0px rgba(226, 226, 226, 0.35); box-shadow: 0px -1px 0px 0px rgba(226, 226, 226, 0.35); } .SearchInput_selecteduserlist_19tT .SearchInput_sul-userlist_3G7y { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 400; color: #717171; line-height: 17px; margin-left: 20px; } .SearchInput_selecteduserlist_19tT .SearchInput_sul-userlist_3G7y .SearchInput_sul-userlist-num_1GZZ { font-size: 16px; font-weight: 400; color: #dddddd; line-height: 22px; margin-left: 3px; } .SearchInput_selecteduserlist_19tT .SearchInput_sul-userlist_3G7y .SearchInput_sul-userlist-num_1GZZ.SearchInput_sul-userlist-selected_2QdW { color: #4a90e2; padding: 0px 10px; } .SearchInput_selecteduserlist_19tT .SearchInput_sul-head_VCbF { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 36px; width: 36px; background: #E5E5E5; border-radius: 100px; margin-left: 12px; } .SearchInput_selecteduserlist_19tT .SearchInput_sul-startbtn_J8xi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 120px; height: 49px; } .SearchInput_selecteduserlist_19tT .SearchInput_sul-startbtn_J8xi .SearchInput_sul-startbtn-btn_1aDX { width: 42px; height: 28px; background: -o-linear-gradient(33deg, #81c3f3 0%, #4a90e2 100%); background: linear-gradient(57deg, #81c3f3 0%, #4a90e2 100%); border-radius: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; font-size: 12px; font-weight: 400; color: #ffffff; line-height: 17px; margin-right: 16px; } .SearchInput_toolbar_2Lyo { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 48px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 12px; background-color: #fff; font-size: 14px; position: relative; } .SearchInput_toolbar_2Lyo::after { content: ''; position: absolute; left: 0px; right: 0px; top: 0px; height: 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #e5e5e5; } .SearchInput_toolbar_2Lyo .SearchInput_clear_3uwt { height: 20px; line-height: 20px; color: #276FF5; } .SearchInput_toolbar_2Lyo .SearchInput_toolbar-right_BEoE { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: bold; } .SearchInput_toolbar_2Lyo .SearchInput_toolbar-right_BEoE .SearchInput_selected_2uVT, .SearchInput_toolbar_2Lyo .SearchInput_toolbar-right_BEoE .SearchInput_confirm_1rn4 { width: 88px; height: 36px; border-radius: 4px; line-height: 36px; text-align: center; } .SearchInput_toolbar_2Lyo .SearchInput_toolbar-right_BEoE .SearchInput_selected_2uVT { background: #FFFFFF; border: 1px solid #CCCCCC; color: #212121; margin-right: 12px; } .SearchInput_toolbar_2Lyo .SearchInput_toolbar-right_BEoE .SearchInput_confirm_1rn4 { background: #276FF5; color: #fff; } .SearchInput_toolbar_2Lyo .SearchInput_toolbar-right_BEoE .SearchInput_confirm_1rn4.SearchInput_disable_3eqR { background-color: #85B8FF; } .SearchInput_checkboxforuser_1EJE { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 24px; color: #e2e2e2; } .SearchInput_checkbox-select_1Xso { color: #276ff5; } .SearchInput_userdetaillist_1UXf { background-color: white; margin-bottom: 0px; list-style: none; padding: 0px; margin-top: 0px; -webkit-overflow-scrolling: touch; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 12px 0px 12px 12px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m.SearchInput_udl-single_2NvJ { padding-left: 0px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m.SearchInput_udl-single-hasurl_1iDq { padding-left: 0px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-title_2fHO { margin: 0px 0px 0px 12px; font-size: 13px; color: #333333; letter-spacing: 0; line-height: 15px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0px 0px 0px 12px; width: 0px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_udl-head_3Vsm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; margin-right: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_udl-head_3Vsm img { width: 100%; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_uld-userinfo_2djb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 0px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_uld-userinfo_2djb.SearchInput_uld-ui-nohead_1ks6 { margin-left: 0px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_uld-userinfo_2djb span { font-size: 13px; letter-spacing: 0.5px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_uld-userinfo_2djb .SearchInput_uld-name_3JbJ { letter-spacing: 0; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; color: #3f3f3f; line-height: 20px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e .SearchInput_udl-u-r-top_255o .SearchInput_uld-userinfo_2djb .SearchInput_uld-position_rbpH { letter-spacing: 0; margin-top: 4px; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 400; color: #aaaaaa; line-height: 16px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-u-right_138e.SearchInput_uld-bottomline-hidden_2VRO:after { height: 0px; } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m:after { content: ""; height: 1px; background-color: #E5E5E5; position: absolute; right: 0px; left: 12px; bottom: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .SearchInput_userdetaillist_1UXf .SearchInput_udl-user_1X6m .SearchInput_udl-selected_2deT { width: 16px; height: 16px; line-height: 20px; color: #276ff5; font-size: 16px; margin-left: 16px; margin-right: 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-items: center; } .SearchInput_noDataBox_3ahV { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 384px; background-color: #fff; } .SearchInput_noDataBox_3ahV .SearchInput_takeAPlace_2-5c { height: 25%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .SearchInput_noDataBox_3ahV .SearchInput_searchTipsPng_2Lzp { width: 224px; height: 128px; margin-bottom: 16px; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: top; background-size: contain; } .SearchInput_noDataBox_3ahV .SearchInput_searchTips_3Vs- { font-size: 14px; height: 20px; line-height: 20px; font-weight: 400; color: #666; } .SearchInput_f7selectedlist_2HJ2 { position: fixed; left: 0px; right: 0px; bottom: 0px; background: #ffffff; z-index: 1050; max-height: calc(100vh - 80px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fls-container_3J2h { overflow: auto; -webkit-overflow-scrolling: touch; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-itemcontainer_351x { padding: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-itemcontainer_351x .SearchInput_fsl-title_2oH7 { font-size: 14px; font-weight: 400; color: #3f3f3f; line-height: 20px; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-itemcontainer_351x .SearchInput_fsl-close_2Pqh { color: red; font-size: 20px; margin-right: 12px; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-itemcontainer_351x:after { content: ""; height: 1px; background-color: #e5e5e5; position: absolute; right: 0px; left: 12px; bottom: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-topbar_1yRd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-topbar_1yRd::after { content: ''; position: absolute; height: 1px; background-color: #e5e5e5; bottom: 0px; left: 0px; right: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-topbar_1yRd .SearchInput_fsl-title_2oH7 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 24px; line-height: 24px; font-weight: bold; font-size: 16px; color: #212121; } .SearchInput_f7selectedlist_2HJ2 .SearchInput_fsl-topbar_1yRd .SearchInput_fsl-close_2Pqh { color: #a2a2a2; font-size: 16px; } .SearchInput_mark_3A-f { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 1050; } .SearchInput_org-selectedtips_3J1r { background: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .SearchInput_org-selectedtips_3J1r .SearchInput_org-selectedtitle_2wxS { font-size: 16px; color: #212121; letter-spacing: 0; height: 24px; line-height: 24px; font-weight: 500; } .SearchInput_loadmore_2T18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 60px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .SearchInput_searchHistoryPanel2_1Dwq { background: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_titleBar_3FQx { height: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0 12px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_titleBar_3FQx .SearchInput_title_3QX6 { height: 24px; font-size: 16px; line-height: 24px; color: #212121; font-weight: 500; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_titleBar_3FQx .SearchInput_deleteButton_3KX2 { font-size: 20px; color: #999; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_titleBar_3FQx .SearchInput_deleteButton_3KX2:active { opacity: 0.5; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_searchHistoryRecordsPanel_17Uf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 12px; max-height: 200px; overflow: hidden; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_searchHistoryRecordsPanel_17Uf .SearchInput_recordText_3sdR { font-size: 12px; font-weight: 400; color: #212121; background: #F2F2F2; border-radius: 4px; height: 28px; line-height: 28px; padding: 0 8px; margin: 0 12px 12px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_searchHistoryRecordsPanel_17Uf .SearchInput_recordText_3sdR:active { background: #F2F9FF; border: 1px solid #276FF5; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_moreDataBtn_12TR { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_moreDataBtn_12TR .SearchInput_moreDataBtnText_3yEa { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; margin-right: 4px; } .SearchInput_searchHistoryPanel2_1Dwq .SearchInput_moreDataBtn_12TR .SearchInput_moreDataBtnIcon_1lw- { font-size: 16px; color: #999999; } .SearchInput_confirmDialog_-eo0 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 280px; } .SearchInput_confirmDialog_-eo0 .SearchInput_content__Yc7 { padding: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; line-height: 24px; color: #212121; font-weight: 500; position: relative; } .SearchInput_confirmDialog_-eo0 .SearchInput_content__Yc7:after { content: ""; height: 1px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #E5E5E5; position: absolute; bottom: 0; width: 100%; } .SearchInput_confirmDialog_-eo0 .SearchInput_comfirmBar_10P6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 48px; } .SearchInput_confirmDialog_-eo0 .SearchInput_comfirmBar_10P6 .SearchInput_cancelBtn_39wz { position: relative; } .SearchInput_confirmDialog_-eo0 .SearchInput_comfirmBar_10P6 .SearchInput_cancelBtn_39wz:after { content: ""; width: 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); background-color: #E5E5E5; position: absolute; right: 0; height: 100%; } .SearchInput_confirmDialog_-eo0 .SearchInput_comfirmBar_10P6 .SearchInput_confirmBtn_1a4m { color: #276FF5; } .SearchInput_confirmDialog_-eo0 .SearchInput_comfirmBar_10P6 .SearchInput_cancelBtn_39wz, .SearchInput_confirmDialog_-eo0 .SearchInput_comfirmBar_10P6 .SearchInput_confirmBtn_1a4m { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ImageList_image-list_2Bvr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #FFFFFF; padding: 6px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; overflow-y: auto; } .ImageList_image-list_2Bvr .ImageList_image-wrapper_3STx { -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; padding: 6px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ImageList_image-list_2Bvr .ImageList_image-content_2irQ { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; padding-bottom: 100%; position: relative; border-radius: 2px; } .ImageList_image-list_2Bvr .ImageList_image-content-uploading_3ME3 { width: 100%; padding-bottom: 100%; border-radius: 2px; position: relative; } .ImageList_image-list_2Bvr .ImageList_input_file_sEEZ { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } .ImageList_image-list_2Bvr .ImageList_add-icon_3E1h { border: 0.5px solid #e5e5e5; width: 100%; height: 0; position: relative; padding-bottom: 100%; border-radius: 2px; background: #f5f5f5; } .ImageList_image-list_2Bvr .ImageList_add-icon_3E1h .ImageList_icon_LNw5 { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; font-size: 24px; color: #cccccc; } .ImageList_image-list_2Bvr .ImageList_remove-icon_3eh_ { position: absolute; width: 24px; height: 24px; top: -5px; right: -5px; background-size: 16px 16px; background-repeat: no-repeat; background-position-x: right; background-position-y: top; } .ImageList_image-list_2Bvr .ImageList_image-none_1SuL { min-height: 56px; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #666666; font-size: 15px; } .ImageList_mask_3ywA { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); border-radius: 2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ImageList_mask_3ywA .ImageList_load_1qgs { width: 24px; height: 24px; -webkit-animation: ImageList_rotate_13Jt 2s linear infinite; animation: ImageList_rotate_13Jt 2s linear infinite; } @-webkit-keyframes ImageList_dash_3ngH { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 130, 200; stroke-dashoffset: -50; } 100% { stroke-dasharray: 130, 200; stroke-dashoffset: -188; } } @keyframes ImageList_dash_3ngH { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 130, 200; stroke-dashoffset: -50; } 100% { stroke-dasharray: 130, 200; stroke-dashoffset: -188; } } @-webkit-keyframes ImageList_rotate_13Jt { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ImageList_rotate_13Jt { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ImageList_mask_3ywA .ImageList_loading_3ei2 { stroke: #fff; stroke-width: 5; fill: none; -webkit-animation: ImageList_dash_3ngH 1.5s linear infinite; animation: ImageList_dash_3ngH 1.5s linear infinite; } .ImageView_view_3UlH { height: 100%; width: 100%; overflow: hidden; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; background-color: #000; z-index: 1051; top: 0; } .ImageView_view_3UlH ul { list-style-type: none; padding: 0; margin: 0; height: 100%; } .ImageView_view_3UlH .ImageView_header_9mWb { height: 8%; width: 100%; position: fixed; top: 0; z-index: 2; } .ImageView_view_3UlH .ImageView_header_9mWb .ImageView_icon_Cn_N { float: right; padding: 5px 15px; font-size: 28px; color: #A4A59F; z-index: 2; height: 100%; } .ImageView_view_3UlH .ImageView_image-list_n9cR { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; -o-transition: 0.3s transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ImageView_view_3UlH .ImageView_item_3mcc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: auto; } .ImageView_view_3UlH .ImageView_photo_-DIy { width: 100%; } .ImageView_view_3UlH .ImageView_photoTop_7GWt { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .ProgressBar_circle-wrapper_15Kr { width: 80px; height: 80px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden; } .ProgressBar_circle-wrapper_15Kr .ProgressBar_progress-tips_5T1y { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; text-align: center; width: 100%; white-space: normal; line-height: 1; } .ProgressBar_progress-bar_1Esj { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 250px; overflow: hidden; font-size: 12px; } .ProgressBar_progress-bar_1Esj .ProgressBar_progress-bar-inner_1KPl { border-radius: 75px; height: 8px; background-color: rgba(0, 0, 0, 0.08); opacity: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .ProgressBar_progress-bar_1Esj .ProgressBar_progress-bar-inner_1KPl .ProgressBar_process_taAG { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; opacity: 1; background-color: #276FF5; border-radius: 75px; position: relative; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; max-width: 100%; } .ProgressBar_progress-bar_1Esj .ProgressBar_progress-bar-inner_1KPl .ProgressBar_active_1osb:before { content: ""; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #8982FF; border-radius: 10px; -webkit-animation: ProgressBar_progress-active_BSzg 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: ProgressBar_progress-active_BSzg 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; } .ProgressBar_progress-bar_1Esj .ProgressBar_percentage_2MRv { color: #212121; margin-left: 8px; max-width: 100px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; min-width: 32px; text-align: left; } @-webkit-keyframes ProgressBar_progress-active_BSzg { 0% { opacity: 0.1; width: 0; } 20% { opacity: 0.5; width: 0; } to { opacity: 0; width: 100%; } } @keyframes ProgressBar_progress-active_BSzg { 0% { opacity: 0.1; width: 0; } 20% { opacity: 0.5; width: 0; } to { opacity: 0; width: 100%; } } .GeneralF7List_generalf7list_1eIx { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .GeneralF7List_generalf7list_1eIx .GeneralF7List_searchbar_xZP1 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .GeneralF7List_generalf7list_1eIx .GeneralF7List_searchbar_xZP1:after { content: ""; height: 1px; background-color: #E5E5E5; position: absolute; top: 45px; right: 0px; left: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); } .GeneralF7List_generalf7list_1eIx .GeneralF7List_scrollcontainer_3YQe { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .GeneralF7List_generalf7list_1eIx .GeneralF7List_scrollcontainer_3YQe .GeneralF7List_all_3cXs { margin-top: 12px; } .GeneralF7List_generalf7list_1eIx .GeneralF7List_itemlist_2CE7 { overflow: visible; } .GeneralF7List_generalf7list_1eIx.GeneralF7List_simple_Mn_2 { overflow: hidden; max-height: calc(100vh - 80px); } .GeneralF7List_f7headsimple_QrIS { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 44px; background: #ffffff; border-bottom: 1px solid rgba(240, 240, 240, 0.5); } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_container-middle_3hm4 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_container-right_2PAT { width: 70px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_container-left_1V9P { width: 70px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_fhi-cancel_2uA- { font-size: 15px; font-weight: 400; color: #333333; line-height: 21px; margin-left: 17px; } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_fhi-title_2b_P { font-size: 17px; font-weight: 400; color: #3f3f3f; line-height: 21px; } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_fhi-confirm_wafC { font-size: 15px; font-weight: 400; color: #dddddd; line-height: 21px; margin-right: 17px; white-space: nowrap; } .GeneralF7List_f7headsimple_QrIS .GeneralF7List_fhi-confirm_wafC.GeneralF7List_has-selected_2qZy { color: #4a90e2; } .GeneralF7List_simpleScrollContainer_2s3b { overflow: auto !important; } /* * HeadNode default UI */ .PullLoad_pull-load_3c92 { position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .PullLoad_pull-load-head_dHvZ { position: absolute; -webkit-transform: translate3d(0px, -100%, 0px); transform: translate3d(0px, -100%, 0px); width: 100%; } .PullLoad_state-refreshing_y4c3 .PullLoad_pull-load-head_dHvZ, .PullLoad_state-refreshed_1Vyc .PullLoad_pull-load-head_dHvZ { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; } .PullLoad_pull-load-body_yfoy { position: relative; } .PullLoad_state-refreshing_y4c3 .PullLoad_pull-load-body_yfoy { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .PullLoad_state-reset_2jHK .PullLoad_pull-load-body_yfoy { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .PullLoad_pull-load-head-default_1C4U { text-align: center; font-size: 12px; line-height: 3rem; color: #A0B0B9; } .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U:after { content: attr(data-title-pullingMsg); } .PullLoad_state-pulling-enough_6jP9 .PullLoad_pull-load-head-default_1C4U:after { content: attr(data-title-pullingEnoughMsg); } .PullLoad_state-refreshing_y4c3 .PullLoad_pull-load-head-default_1C4U:after { content: attr(data-title-refreshingMsg); } .PullLoad_state-refreshed_1Vyc .PullLoad_pull-load-head-default_1C4U:after { content: attr(data-title-refreshedMsg); } .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U { opacity: 1; } .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U i { display: inline-block; font-size: 2em; margin-right: 0.6em; vertical-align: middle; height: 1em; border-left: 1px solid; position: relative; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U i:before, .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U i:after { content: ''; position: absolute; font-size: 0.5em; width: 1em; bottom: 0px; border-top: 1px solid; } .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U i:before { right: 1px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .PullLoad_state-pulling_Rv1s .PullLoad_pull-load-head-default_1C4U i:after { left: 0px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .PullLoad_state-pulling-enough_6jP9 .PullLoad_pull-load-head-default_1C4U i { display: inline-block; font-size: 2em; margin-right: 0.6em; vertical-align: middle; height: 1em; border-left: 1px solid; position: relative; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .PullLoad_state-pulling-enough_6jP9 .PullLoad_pull-load-head-default_1C4U i:before, .PullLoad_state-pulling-enough_6jP9 .PullLoad_pull-load-head-default_1C4U i:after { content: ''; position: absolute; font-size: 0.5em; width: 1em; bottom: 0px; border-top: 1px solid; } .PullLoad_state-pulling-enough_6jP9 .PullLoad_pull-load-head-default_1C4U i:before { right: 1px; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .PullLoad_state-pulling-enough_6jP9 .PullLoad_pull-load-head-default_1C4U i:after { left: 0px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .PullLoad_state-refreshing_y4c3 .PullLoad_pull-load-head-default_1C4U i { margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 1.5rem; width: 1em; height: 1em; border: 2px solid #9494b6; border-top-color: #fff; border-radius: 100%; -webkit-animation: PullLoad_circle_20ZY 0.8s infinite linear; animation: PullLoad_circle_20ZY 0.8s infinite linear; } .PullLoad_state-refreshed_1Vyc .PullLoad_pull-load-head-default_1C4U { opacity: 1; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .PullLoad_state-refreshed_1Vyc .PullLoad_pull-load-head-default_1C4U i { display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; vertical-align: middle; margin-right: 10px; font-size: 20px; height: 1em; width: 1em; border: 1px solid; border-radius: 100%; position: relative; } .PullLoad_state-refreshed_1Vyc .PullLoad_pull-load-head-default_1C4U i:before { content: ''; position: absolute; top: 3px; left: 7px; height: 11px; width: 5px; border: solid; border-width: 0 1px 1px 0; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } .PullLoad_pull-load-footer-default_38rf { text-align: center; font-size: 12px; line-height: 3rem; color: #A0B0B9; } .PullLoad_state-loading_33rl .PullLoad_pull-load-footer-default_38rf:after { content: attr(data-title-btnLoadMore); } .PullLoad_pull-load-footer-default_38rf.PullLoad_nomore_16hG:after { content: attr(data-title-btnLoadNoMore); } .PullLoad_state-loading_33rl .PullLoad_pull-load-footer-default_38rf i { margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 1.5rem; width: 1em; height: 1em; border: 2px solid #9494b6; border-top-color: #fff; border-radius: 100%; -webkit-animation: PullLoad_circle_20ZY 0.8s infinite linear; animation: PullLoad_circle_20ZY 0.8s infinite linear; } @-webkit-keyframes PullLoad_circle_20ZY { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes PullLoad_circle_20ZY { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*===========================示例代码(组件) start=================================*/ .PullLoad_test-li_qX1J { font-size: 20px; width: 100%; list-style: none; } .PullLoad_test-img_2Ow_ { width: 100%; } .PullLoad_test-ul_3eAd { margin: 0; padding: 0; } .PullLoad_button1_1HPl { display: inline-block; font-weight: 500; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; line-height: 1.5; padding: 4px 15px; font-size: 12px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; outline: 0; margin-right: 8px; margin-bottom: 12px; margin-top: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .GeneralTreeF7List_generaltreef7list_1o1H { position: relative; background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .GeneralTreeF7List_generaltreef7list_1o1H .GeneralTreeF7List_searchbar_3LME { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .GeneralTreeF7List_generaltreef7list_1o1H .GeneralTreeF7List_scrollcontainer_33rH { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; } .GeneralTreeF7List_generaltreef7list_1o1H .GeneralTreeF7List_scrollcontainer_33rH .GeneralTreeF7List_all_2Ok9 { margin-top: 16px; } .GeneralTreeF7List_generaltreef7list_1o1H .GeneralTreeF7List_itemlist_2w8q { overflow: visible; } .GeneralTreeF7List_bottomf7selectedbar_yCcC { height: 48px; } .GeneralTreeF7List_bottomf7selectedbar_yCcC .GeneralTreeF7List_bottomf7btn_3Jcv { width: 42px !important; height: 28px !important; border-radius: 14px; font-size: 12px !important; line-height: 17px !important; margin-right: 16px; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 44px; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-content_2sQ8 { padding-left: 12px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #212121; font-size: 14px; line-height: 20px; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-content_2sQ8 .GeneralTreeF7List_org-name_3RU_ { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; width: 0px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-content_2sQ8 .GeneralTreeF7List_org-item-selected_1Dul { height: 20px; line-height: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #276FF5; font-size: 16px; margin-right: 12px; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-content_2sQ8 .GeneralTreeF7List_org-item-not-selected_sunp { display: none; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-arrow_2Bvi { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 44px; height: 44px; line-height: 44px; font-size: 16px; color: #ccc; padding-left: 20px; position: relative; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-arrow_2Bvi::after { content: ''; position: absolute; left: 0px; width: 1px; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); background-color: #e5e5e5; top: 8px; bottom: 8px; } .GeneralTreeF7List_orgList_JydG .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-arrow_2Bvi.GeneralTreeF7List_org-arrow-hide_342z { display: none; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 12px; position: relative; height: 44px; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO::after { position: absolute; content: ''; height: 1px; bottom: 0px; left: 0px; right: 0px; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #e5e5e5; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 44px; background-color: #FFF; position: relative; width: 100%; overflow: hidden; overflow-x: auto; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-name_3RU_ { margin-right: 4px; color: #276FF5; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-arraw_2NGu { font-size: 16px; color: #666; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8:last-child .GeneralTreeF7List_org-name_3RU_ { color: #666; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-name-box_1th0 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #276FF5; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-name-box_1th0 .GeneralTreeF7List_org-name-left_238R { width: 84px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .GeneralTreeF7List_org-scroll-list-wrap_1ZVO .GeneralTreeF7List_org-scroll-list_MFWp .GeneralTreeF7List_org-item_2Dk8 .GeneralTreeF7List_org-name-box_1th0:last-child { color: #666; } .GeneralTreeF7List_topheader_3qJe { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 44px; background-color: white; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-title_hhyN { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; font-size: 17px; color: #333333; letter-spacing: 0; text-align: center; line-height: 17px; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-close_3cSv { color: #00c2ff; font-size: 18px; margin-left: 11px; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-back_242P { color: #00c2ff; font-size: 17px; margin-left: 7px; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-title-left_3N25 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-title-left_3N25 .GeneralTreeF7List_h-back-icon_1J3v { width: 10px; height: 18px; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-title-left_3N25 .GeneralTreeF7List_h-close-icon_3FTJ { margin-left: 17px; font-size: 19px; } .GeneralTreeF7List_topheader_3qJe .GeneralTreeF7List_h-title-right_3F0b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .F7SelectedList_f7-selected-list-root_2kZB { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: calc(100vh - 80px); } .F7SelectedList_f7-selected-list-root_2kZB .F7SelectedList_f7-selected-list_2n-L { overflow: auto; } .F7SelectedList_inherit_2lsN::before { z-index: 1; }