* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing：antialiased; font: normal 100% ;}
html { background-color:rgba(0,0,0,0); width:100%;overflow-x:hidden }


img {  -webkit-user-select:auto;  user-select:auto; }

:root {
  --main-bgcolor: #000000;
  --main-bgimg: url(/images/aaa/bg_sskpdmbpalea.jpg) no-repeat;
  --main-bgblur: 5px;
  --main-bgopacity: .7;
  --main-zhanwei-top: 2rem;
  
  --infs-default-fc:#303030;
  --infs-sale-fc:#3399ffe0;
  --infs-sale-brc:#3399ff44;
  --infs-type-color:#303030;
  
  --infs-rent-fc:#ff8533e0;
  --infs-rent-brc:#ff853344;
  --infs-boder-color:#00000030;
  
  --media-size:10;
  
}


@media screen and (min-width: 10rem){
    :root {
      --media-size:10;
    }
}

@media screen and (min-width: 20rem){
    :root {
      --media-size:20;
    }
}

@media screen and (min-width: 30rem){
    :root {
      --media-size:30;
    }
}

@media screen and (min-width: 40rem){
    :root {
      --media-size:40;
    }
}

@media screen and (min-width: 50rem){
    :root {
      --media-size:50;
    }
}

@media screen and (min-width: 60rem){
    :root {
      --media-size:60;
    }
}

@media screen and (min-width: 70rem){
    :root {
      --media-size:70;
    }
}

@media screen and (min-width: 80rem){
    :root {
      --media-size:80;
    }
}

@media screen and (min-width: 90rem){
    :root {
      --media-size:90;
    }
}

@media screen and (min-width: 100rem){
    :root {
      --media-size:100;
    }
}

















.icon {
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    display: inline-block;
    color: var(--head-iconcolor);
    background-color: var(--head-iconcolor);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center center;

    -webkit-mask-size:100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position:center center;   

    transition-property: background, border-radius, box-shadow, transform;
    transition-duration: 200ms;
    transition-timing-function: linear, ease;
    
    -webkit-mask-size: 100%; /* 兼容 Webkit 浏览器 */
    -webkit-mask-repeat: no-repeat; /* 兼容 Webkit 浏览器 */
    -webkit-mask-position: center center; /* 兼容 Webkit 浏览器 */
}

.icon_xfw { mask-image: url(/sys_xfw.svg); -webkit-mask-image: url(/sys_xfw.svg); }

.menu_svg1 { mask-image: url(/svg/uxwing/flats_residential_apartment_white.svg);   -webkit-mask-image: url(/svg/uxwing/flats_residential_apartment_white.svg);  }
.menu_svg2 { mask-image: url(/svg/uxwing/home_owner_white.svg);  -webkit-mask-image: url(/svg/uxwing/home_owner_white.svg); }
.menu_svg3 { mask-image: url(/svg/uxwing/real_estate_agent_white.svg); -webkit-mask-image: url(/svg/uxwing/real_estate_agent_white.svg);  }
.menu_svg4 { mask-image: url(/svg/uxwing/house_home_rent_sign_white.svg); -webkit-mask-image: url(/svg/uxwing/house_home_rent_sign_white.svg); }
.menu_svg5 { mask-image: url(/svg/uxwing/house_home_sold_sign_white.svg); -webkit-mask-image: url(/svg/uxwing/house_home_sold_sign_white.svg); }
.menu_svg6 { mask-image: url(/svg/uxwing/android_app.svg); -webkit-mask-image: url(/svg/uxwing/android_app.svg);  mask-size:auto; }
.menu_svg7 { mask-image: url(/svg/uxwing/property-agreement.svg); -webkit-mask-image: url(/svg/uxwing/property-agreement.svg); mask-size:auto;   }
.menu_svg8 { mask-image: url(/svg/uxwing/entrepreneur_businessman_icon.svg); -webkit-mask-image: url(/svg/uxwing/entrepreneur_businessman_icon.svg); }


.icon_id-card-line-icon { mask-image: url(/svg/uxwing/id-card-line-icon.svg); -webkit-mask-image: url(/svg/uxwing/id-card-line-icon.svg); mask-size:75%;}


.icon_home_care { mask-image: url(/svg/uxwing/home_care.svg); -webkit-mask-image: url(/svg/uxwing/home_care.svg); mask-size:75%;}
.icon_add-file-icon { mask-image: url(/svg/uxwing/add-file-icon.svg); -webkit-mask-image: url(/svg/uxwing/add-file-icon.svg); mask-size:75%;}
.icon_company_enterprise_icon { mask-image: url(/svg/uxwing/company_enterprise_icon.svg); -webkit-mask-image: url(/svg/uxwing/company_enterprise_icon.svg);  mask-size:75%;}
.icon_business-communication-icon { mask-image: url(/svg/uxwing/business-communication-icon.svg); -webkit-mask-image: url(/svg/uxwing/business-communication-icon.svg);  mask-size:75%; }
.icon_queue-icon { mask-image: url(/svg/uxwing/queue-icon.svg); -webkit-mask-image: url(/svg/uxwing/queue-icon.svg);  mask-size:75%; }
.icon_connected-people-icon { mask-image: url(/svg/uxwing/connected-people-icon.svg); -webkit-mask-image: url(/svg/uxwing/connected-people-icon.svg); mask-size:75%; }
.icon_xinfangwang { mask-image: url(/svg/xinfangwang_app.svg); -webkit-mask-image: url(/svg/xinfangwang_app.svg); }


.icon_auto_stories { mask-image: url(/svg/rounded/auto_stories.svg); -webkit-mask-image: url(/svg/rounded/auto_stories.svg); }
.icon_turn_slight_left { mask-image: url(/svg/rounded/turn_slight_left.svg); -webkit-mask-image: url(/svg/rounded/turn_slight_left.svg); }
.icon_co_present { mask-image: url(/svg/rounded/co_present.svg); -webkit-mask-image: url(/svg/rounded/co_present.svg); }
.icon_repeat_one { mask-image: url(/svg/rounded/repeat_one.svg); -webkit-mask-image: url(/svg/rounded/repeat_one.svg); }
.icon_playlist_add_check { mask-image: url(/svg/rounded/playlist_add_check.svg); -webkit-mask-image: url(/svg/rounded/playlist_add_check.svg); }
.icon_api { mask-image: url(/svg/rounded/api.svg); -webkit-mask-image: url(/svg/rounded/api.svg); }
.icon_signpost { mask-image: url(/svg/rounded/signpost.svg); -webkit-mask-image: url(/svg/rounded/signpost.svg); }
.icon_arrow_forward_ios { mask-image: url(/svg/rounded/arrow_forward_ios.svg); -webkit-mask-image: url(/svg/rounded/arrow_forward_ios.svg); }
.icon_manage_accounts { mask-image: url(/svg/rounded/manage_accounts.svg); -webkit-mask-image: url(/svg/rounded/manage_accounts.svg); }
.icon_flag { mask-image: url(/svg/rounded/flag.svg); -webkit-mask-image: url(/svg/rounded/flag.svg); }
.icon_qr_code { mask-image: url(/svg/rounded/qr_code.svg); -webkit-mask-image: url(/svg/rounded/qr_code.svg); }
.icon_live_help { mask-image: url(/svg/rounded/live_help.svg); -webkit-mask-image: url(/svg/rounded/live_help.svg); }
.icon_contact_phone { mask-image: url(/svg/rounded/contact_phone.svg); -webkit-mask-image: url(/svg/rounded/contact_phone.svg); }
.icon_card_membership { mask-image: url(/svg/rounded/card_membership.svg); -webkit-mask-image: url(/svg/rounded/card_membership.svg); }
.icon_arrow_circle_down { mask-image: url(/svg/rounded/arrow_circle_down.svg); -webkit-mask-image: url(/svg/rounded/arrow_circle_down.svg); }
.icon_doorbell { mask-image: url(/svg/rounded/doorbell.svg); -webkit-mask-image: url(/svg/rounded/doorbell.svg); }
.icon_supervised_user_circle { mask-image: url(/svg/rounded/supervised_user_circle.svg); -webkit-mask-image: url(/svg/rounded/supervised_user_circle.svg); }
.icon_cached { mask-image: url(/svg/rounded/cached.svg); -webkit-mask-image: url(/svg/rounded/cached.svg); }
.icon_visibility_off { mask-image: url(/svg/rounded/visibility_off.svg); -webkit-mask-image: url(/svg/rounded/visibility_off.svg); }
.icon_input { mask-image: url(/svg/rounded/input.svg); -webkit-mask-image: url(/svg/rounded/input.svg); }
.icon_send { mask-image: url(/svg/rounded/send.svg); -webkit-mask-image: url(/svg/rounded/send.svg); }
.icon_home_work { mask-image: url(/svg/rounded/home_work.svg); -webkit-mask-image: url(/svg/rounded/home_work.svg); }
.icon_fiber_new { mask-image: url(/svg/rounded/fiber_new.svg); -webkit-mask-image: url(/svg/rounded/fiber_new.svg); }


.icon_queue_music { mask-image: url(/svg/rounded/queue_music.svg); -webkit-mask-image: url(/svg/rounded/queue_music.svg); }
.icon_play_arrow { mask-image: url(/svg/rounded/play_arrow.svg); -webkit-mask-image: url(/svg/rounded/play_arrow.svg); }
.icon_pause { mask-image: url(/svg/rounded/pause.svg); -webkit-mask-image: url(/svg/rounded/pause.svg); } 

.icon_login { mask-image: url(/svg/rounded/login.svg); -webkit-mask-image: url(/svg/rounded/login.svg); }
.icon_message { mask-image: url(/svg/rounded/message.svg); -webkit-mask-image: url(/svg/rounded/message.svg); }
.icon_sensor_occupied { mask-image: url(/svg/rounded/sensor_occupied.svg); -webkit-mask-image: url(/svg/rounded/sensor_occupied.svg); }
.icon_account_circle { mask-image: url(/svg/rounded/account_circle.svg); -webkit-mask-image: url(/svg/rounded/account_circle.svg); } 
.icon_add_home { mask-image: url(/svg/rounded/add_home.svg); -webkit-mask-image: url(/svg/rounded/add_home.svg); } 
.icon_add_photo_alternate { mask-image: url(/svg/rounded/add_photo_alternate.svg); -webkit-mask-image: url(/svg/rounded/add_photo_alternate.svg); } 
.icon_apartment { mask-image: url(/svg/rounded/apartment.svg); -webkit-mask-image: url(/svg/rounded/apartment.svg); } 
.icon_arrow_back { mask-image: url(/svg/rounded/arrow_back.svg); -webkit-mask-image: url(/svg/rounded/arrow_back.svg); } 
.icon_arrow_back_ios_new { mask-image: url(/svg/rounded/arrow_back_ios_new.svg); -webkit-mask-image: url(/svg/rounded/arrow_back_ios_new.svg); } 
.icon_arrow_drop_down { mask-image: url(/svg/rounded/arrow_drop_down.svg); -webkit-mask-image: url(/svg/rounded/arrow_drop_down.svg); } 
.icon_arrow_drop_up { mask-image: url(/svg/rounded/arrow_drop_up.svg); -webkit-mask-image: url(/svg/rounded/arrow_drop_up.svg); } 
.icon_arrow_forward { mask-image: url(/svg/rounded/arrow_forward.svg); -webkit-mask-image: url(/svg/rounded/arrow_forward.svg); } 
.icon_arrow_right { mask-image: url(/svg/rounded/arrow_right.svg); -webkit-mask-image: url(/svg/rounded/arrow_right.svg); } 
.icon_article { mask-image: url(/svg/rounded/article.svg); -webkit-mask-image: url(/svg/rounded/article.svg); } 
.icon_broken_image { mask-image: url(/svg/rounded/broken_image.svg); -webkit-mask-image: url(/svg/rounded/broken_image.svg); } 
.icon_call { mask-image: url(/svg/rounded/call.svg); -webkit-mask-image: url(/svg/rounded/call.svg); } 
.icon_cancel { mask-image: url(/svg/rounded/cancel.svg); -webkit-mask-image: url(/svg/rounded/cancel.svg); } 
.icon_check_circle_outline { mask-image: url(/svg/rounded/check_circle_outline.svg); -webkit-mask-image: url(/svg/rounded/check_circle_outline.svg); } 
.icon_chevron_left { mask-image: url(/svg/rounded/chevron_left.svg); -webkit-mask-image: url(/svg/rounded/chevron_left.svg); } 
.icon_chevron_right { mask-image: url(/svg/rounded/chevron_right.svg); -webkit-mask-image: url(/svg/rounded/chevron_right.svg); } 
.icon_circle_notifications { mask-image: url(/svg/rounded/circle_notifications.svg); -webkit-mask-image: url(/svg/rounded/circle_notifications.svg); } 
.icon_clear { mask-image: url(/svg/rounded/clear.svg); -webkit-mask-image: url(/svg/rounded/clear.svg); } 
.icon_close { mask-image: url(/svg/rounded/close.svg); -webkit-mask-image: url(/svg/rounded/close.svg); } 
.icon_close_fullscreen { mask-image: url(/svg/rounded/close_fullscreen.svg); -webkit-mask-image: url(/svg/rounded/close_fullscreen.svg); } 
.icon_compare_arrows { mask-image: url(/svg/rounded/compare_arrows.svg); -webkit-mask-image: url(/svg/rounded/compare_arrows.svg); } 
.icon_content_copy { mask-image: url(/svg/rounded/content_copy.svg); -webkit-mask-image: url(/svg/rounded/content_copy.svg); } 
.icon_content_cut { mask-image: url(/svg/rounded/content_cut.svg); -webkit-mask-image: url(/svg/rounded/content_cut.svg); } 
.icon_content_paste { mask-image: url(/svg/rounded/content_paste.svg); -webkit-mask-image: url(/svg/rounded/content_paste.svg); } 
.icon_create { mask-image: url(/svg/rounded/create.svg); -webkit-mask-image: url(/svg/rounded/create.svg); } 
.icon_crop_free { mask-image: url(/svg/rounded/crop_free.svg); -webkit-mask-image: url(/svg/rounded/crop_free.svg); } 
.icon_delete { mask-image: url(/svg/rounded/delete.svg); -webkit-mask-image: url(/svg/rounded/delete.svg); } 
.icon_delete_forever { mask-image: url(/svg/rounded/delete_forever.svg); -webkit-mask-image: url(/svg/rounded/delete_forever.svg); } 
.icon_disabled_by_default { mask-image: url(/svg/rounded/disabled_by_default.svg); -webkit-mask-image: url(/svg/rounded/disabled_by_default.svg); } 
.icon_done { mask-image: url(/svg/rounded/done.svg); -webkit-mask-image: url(/svg/rounded/done.svg); } 
.icon_done_all { mask-image: url(/svg/rounded/done_all.svg); -webkit-mask-image: url(/svg/rounded/done_all.svg); } 
.icon_download { mask-image: url(/svg/rounded/download.svg); -webkit-mask-image: url(/svg/rounded/download.svg); } 
.icon_drag_indicator { mask-image: url(/svg/rounded/drag_indicator.svg); -webkit-mask-image: url(/svg/rounded/drag_indicator.svg); } 
.icon_draw { mask-image: url(/svg/rounded/draw.svg); -webkit-mask-image: url(/svg/rounded/draw.svg); } 
.icon_drive_file_rename_outline { mask-image: url(/svg/rounded/drive_file_rename_outline.svg); -webkit-mask-image: url(/svg/rounded/drive_file_rename_outline.svg); } 
.icon_edit_note { mask-image: url(/svg/rounded/edit_note.svg); -webkit-mask-image: url(/svg/rounded/edit_note.svg); } 
.icon_expand_less { mask-image: url(/svg/rounded/expand_less.svg); -webkit-mask-image: url(/svg/rounded/expand_less.svg); } 
.icon_expand_more { mask-image: url(/svg/rounded/expand_more.svg); -webkit-mask-image: url(/svg/rounded/expand_more.svg); } 
.icon_favorite { mask-image: url(/svg/rounded/favorite.svg); -webkit-mask-image: url(/svg/rounded/favorite.svg); } 
.icon_favorite_border { mask-image: url(/svg/rounded/favorite_border.svg); -webkit-mask-image: url(/svg/rounded/favorite_border.svg); } 
.icon_file_download { mask-image: url(/svg/rounded/file_download.svg); -webkit-mask-image: url(/svg/rounded/file_download.svg); } 
.icon_file_upload { mask-image: url(/svg/rounded/file_upload.svg); -webkit-mask-image: url(/svg/rounded/file_upload.svg); } 
.icon_first_page { mask-image: url(/svg/rounded/first_page.svg); -webkit-mask-image: url(/svg/rounded/first_page.svg); } 
.icon_fit_screen { mask-image: url(/svg/rounded/fit_screen.svg); -webkit-mask-image: url(/svg/rounded/fit_screen.svg); } 
.icon_fullscreen { mask-image: url(/svg/rounded/fullscreen.svg); -webkit-mask-image: url(/svg/rounded/fullscreen.svg); } 
.icon_fullscreen_exit { mask-image: url(/svg/rounded/fullscreen_exit.svg); -webkit-mask-image: url(/svg/rounded/fullscreen_exit.svg); } 
.icon_grid_view { mask-image: url(/svg/rounded/grid_view.svg); -webkit-mask-image: url(/svg/rounded/grid_view.svg); } 
.icon_groups { mask-image: url(/svg/rounded/groups.svg); -webkit-mask-image: url(/svg/rounded/groups.svg); } 
.icon_group_work { mask-image: url(/svg/rounded/group_work.svg); -webkit-mask-image: url(/svg/rounded/group_work.svg); } 
.icon_handshake { mask-image: url(/svg/rounded/handshake.svg); -webkit-mask-image: url(/svg/rounded/handshake.svg); } 
.icon_highlight_off { mask-image: url(/svg/rounded/highlight_off.svg); -webkit-mask-image: url(/svg/rounded/highlight_off.svg); } 
.icon_history { mask-image: url(/svg/rounded/history.svg); -webkit-mask-image: url(/svg/rounded/history.svg); } 
.icon_insert_comment { mask-image: url(/svg/rounded/insert_comment.svg); -webkit-mask-image: url(/svg/rounded/insert_comment.svg); } 
.icon_insert_photo { mask-image: url(/svg/rounded/insert_photo.svg); -webkit-mask-image: url(/svg/rounded/insert_photo.svg); } 
.icon_key { mask-image: url(/svg/rounded/key.svg); -webkit-mask-image: url(/svg/rounded/key.svg); } 
.icon_keyboard_double_arrow_down { mask-image: url(/svg/rounded/keyboard_double_arrow_down.svg); -webkit-mask-image: url(/svg/rounded/keyboard_double_arrow_down.svg); } 
.icon_keyboard_voice { mask-image: url(/svg/rounded/keyboard_voice.svg); -webkit-mask-image: url(/svg/rounded/keyboard_voice.svg); } 
.icon_last_page { mask-image: url(/svg/rounded/last_page.svg); -webkit-mask-image: url(/svg/rounded/last_page.svg); } 
.icon_list { mask-image: url(/svg/rounded/list.svg); -webkit-mask-image: url(/svg/rounded/list.svg); } 
.icon_lock { mask-image: url(/svg/rounded/lock.svg); -webkit-mask-image: url(/svg/rounded/lock.svg); } 
.icon_lock_open { mask-image: url(/svg/rounded/lock_open.svg); -webkit-mask-image: url(/svg/rounded/lock_open.svg); } 
.icon_loyalty { mask-image: url(/svg/rounded/loyalty.svg); -webkit-mask-image: url(/svg/rounded/loyalty.svg); } 
.icon_manage_search { mask-image: url(/svg/rounded/manage_search.svg); -webkit-mask-image: url(/svg/rounded/manage_search.svg); } 
.icon_menu { mask-image: url(/svg/rounded/menu.svg); -webkit-mask-image: url(/svg/rounded/menu.svg); } 
.icon_mic { mask-image: url(/svg/rounded/mic.svg); -webkit-mask-image: url(/svg/rounded/mic.svg); } 
.icon_mic_none { mask-image: url(/svg/rounded/mic_none.svg); -webkit-mask-image: url(/svg/rounded/mic_none.svg); } 
.icon_more_vert { mask-image: url(/svg/rounded/more_vert.svg); -webkit-mask-image: url(/svg/rounded/more_vert.svg); } 
.icon_notifications { mask-image: url(/svg/rounded/notifications.svg); -webkit-mask-image: url(/svg/rounded/notifications.svg); } 
.icon_notifications_active { mask-image: url(/svg/rounded/notifications_active.svg); -webkit-mask-image: url(/svg/rounded/notifications_active.svg); } 
.icon_notifications_none { mask-image: url(/svg/rounded/notifications_none.svg); -webkit-mask-image: url(/svg/rounded/notifications_none.svg); } 
.icon_notification_add { mask-image: url(/svg/rounded/notification_add.svg); -webkit-mask-image: url(/svg/rounded/notification_add.svg); } 
.icon_open_with { mask-image: url(/svg/rounded/open_with.svg); -webkit-mask-image: url(/svg/rounded/open_with.svg); } 
.icon_password { mask-image: url(/svg/rounded/password.svg); -webkit-mask-image: url(/svg/rounded/password.svg); } 
.icon_pause { mask-image: url(/svg/rounded/pause.svg); -webkit-mask-image: url(/svg/rounded/pause.svg); } 
.icon_pause_circle { mask-image: url(/svg/rounded/pause_circle.svg); -webkit-mask-image: url(/svg/rounded/pause_circle.svg); } 
.icon_pause_circle_filled { mask-image: url(/svg/rounded/pause_circle_filled.svg); -webkit-mask-image: url(/svg/rounded/pause_circle_filled.svg); } 
.icon_pause_circle_outline { mask-image: url(/svg/rounded/pause_circle_outline.svg); -webkit-mask-image: url(/svg/rounded/pause_circle_outline.svg); } 
.icon_person { mask-image: url(/svg/rounded/person.svg); -webkit-mask-image: url(/svg/rounded/person.svg); } 
.icon_person_add { mask-image: url(/svg/rounded/person_add.svg); -webkit-mask-image: url(/svg/rounded/person_add.svg); } 
.icon_person_add_alt { mask-image: url(/svg/rounded/person_add_alt.svg); -webkit-mask-image: url(/svg/rounded/person_add_alt.svg); } 
.icon_person_search { mask-image: url(/svg/rounded/person_search.svg); -webkit-mask-image: url(/svg/rounded/person_search.svg); } 
.icon_phone { mask-image: url(/svg/rounded/phone.svg); -webkit-mask-image: url(/svg/rounded/phone.svg); } 
.icon_phone_locked { mask-image: url(/svg/rounded/phone_locked.svg); -webkit-mask-image: url(/svg/rounded/phone_locked.svg); } 
.icon_photo_library { mask-image: url(/svg/rounded/photo_library.svg); -webkit-mask-image: url(/svg/rounded/photo_library.svg); } 
.icon_play_arrow { mask-image: url(/svg/rounded/play_arrow.svg); -webkit-mask-image: url(/svg/rounded/play_arrow.svg); } 
.icon_play_circle { mask-image: url(/svg/rounded/play_circle.svg); -webkit-mask-image: url(/svg/rounded/play_circle.svg); } 
.icon_post_add { mask-image: url(/svg/rounded/post_add.svg); -webkit-mask-image: url(/svg/rounded/post_add.svg); } 
.icon_public { mask-image: url(/svg/rounded/public.svg); -webkit-mask-image: url(/svg/rounded/public.svg); } 
.icon_public_off { mask-image: url(/svg/rounded/public_off.svg); -webkit-mask-image: url(/svg/rounded/public_off.svg); } 
.icon_published_with_changes { mask-image: url(/svg/rounded/published_with_changes.svg); -webkit-mask-image: url(/svg/rounded/published_with_changes.svg); } 
.icon_qr_code_scanner { mask-image: url(/svg/rounded/qr_code_scanner.svg); -webkit-mask-image: url(/svg/rounded/qr_code_scanner.svg); } 
.icon_real_estate_agent { mask-image: url(/svg/rounded/real_estate_agent.svg); -webkit-mask-image: url(/svg/rounded/real_estate_agent.svg); } 
.icon_redo { mask-image: url(/svg/rounded/redo.svg); -webkit-mask-image: url(/svg/rounded/redo.svg); } 
.icon_remove_red_eye { mask-image: url(/svg/rounded/remove_red_eye.svg); -webkit-mask-image: url(/svg/rounded/remove_red_eye.svg); } 
.icon_reorder { mask-image: url(/svg/rounded/reorder.svg); -webkit-mask-image: url(/svg/rounded/reorder.svg); } 
.icon_replay { mask-image: url(/svg/rounded/replay.svg); -webkit-mask-image: url(/svg/rounded/replay.svg); } 
.icon_restore { mask-image: url(/svg/rounded/restore.svg); -webkit-mask-image: url(/svg/rounded/restore.svg); } 
.icon_rotate_left { mask-image: url(/svg/rounded/rotate_left.svg); -webkit-mask-image: url(/svg/rounded/rotate_left.svg); } 
.icon_rotate_right { mask-image: url(/svg/rounded/rotate_right.svg); -webkit-mask-image: url(/svg/rounded/rotate_right.svg); } 
.icon_search { mask-image: url(/svg/rounded/search.svg); -webkit-mask-image: url(/svg/rounded/search.svg); } 
.icon_sentiment_satisfied_alt { mask-image: url(/svg/rounded/sentiment_satisfied_alt.svg); -webkit-mask-image: url(/svg/rounded/sentiment_satisfied_alt.svg); } 
.icon_settings { mask-image: url(/svg/rounded/settings.svg); -webkit-mask-image: url(/svg/rounded/settings.svg); } 
.icon_settings_backup_restore { mask-image: url(/svg/rounded/settings_backup_restore.svg); -webkit-mask-image: url(/svg/rounded/settings_backup_restore.svg); } 
.icon_share { mask-image: url(/svg/rounded/share.svg); -webkit-mask-image: url(/svg/rounded/share.svg); } 
.icon_sort { mask-image: url(/svg/rounded/sort.svg); -webkit-mask-image: url(/svg/rounded/sort.svg); } 
.icon_speaker_notes_off { mask-image: url(/svg/rounded/speaker_notes_off.svg); -webkit-mask-image: url(/svg/rounded/speaker_notes_off.svg); } 
.icon_stop { mask-image: url(/svg/rounded/stop.svg); -webkit-mask-image: url(/svg/rounded/stop.svg); } 
.icon_stop_circle { mask-image: url(/svg/rounded/stop_circle.svg); -webkit-mask-image: url(/svg/rounded/stop_circle.svg); } 
.icon_support_agent { mask-image: url(/svg/rounded/support_agent.svg); -webkit-mask-image: url(/svg/rounded/support_agent.svg); } 
.icon_swap_horiz { mask-image: url(/svg/rounded/swap_horiz.svg); -webkit-mask-image: url(/svg/rounded/swap_horiz.svg); } 
.icon_sync_alt { mask-image: url(/svg/rounded/sync_alt.svg); -webkit-mask-image: url(/svg/rounded/sync_alt.svg); } 
.icon_undo { mask-image: url(/svg/rounded/undo.svg); -webkit-mask-image: url(/svg/rounded/undo.svg); } 
.icon_update { mask-image: url(/svg/rounded/update.svg); -webkit-mask-image: url(/svg/rounded/update.svg); } 
.icon_update_disabled { mask-image: url(/svg/rounded/update_disabled.svg); -webkit-mask-image: url(/svg/rounded/update_disabled.svg); } 
.icon_upload_file { mask-image: url(/svg/rounded/upload_file.svg); -webkit-mask-image: url(/svg/rounded/upload_file.svg); } 
.icon_verified_user { mask-image: url(/svg/rounded/verified_user.svg); -webkit-mask-image: url(/svg/rounded/verified_user.svg); } 
.icon_vertical_align_top { mask-image: url(/svg/rounded/vertical_align_top.svg); -webkit-mask-image: url(/svg/rounded/vertical_align_top.svg); } 
.icon_view_list { mask-image: url(/svg/rounded/view_list.svg); -webkit-mask-image: url(/svg/rounded/view_list.svg); } 
.icon_view_module { mask-image: url(/svg/rounded/view_module.svg); -webkit-mask-image: url(/svg/rounded/view_module.svg); } 
.icon_visibility { mask-image: url(/svg/rounded/visibility.svg); -webkit-mask-image: url(/svg/rounded/visibility.svg); } 
.icon_volunteer_activism { mask-image: url(/svg/rounded/volunteer_activism.svg); -webkit-mask-image: url(/svg/rounded/volunteer_activism.svg); } 
.icon_workspaces { mask-image: url(/svg/rounded/workspaces.svg); -webkit-mask-image: url(/svg/rounded/workspaces.svg); } 


.icon_backspace { mask-image: url(/svg/rounded/backspace.svg); -webkit-mask-image: url(/svg/rounded/backspace.svg); }

.icon_star { mask-image: url(/svg/rounded/star.svg); -webkit-mask-image: url(/svg/rounded/star.svg); }
.icon_star_border { mask-image: url(/svg/rounded/star_border.svg); -webkit-mask-image: url(/svg/rounded/star_border.svg); }
.icon_star_half { mask-image: url(/svg/rounded/star_half.svg); -webkit-mask-image: url(/svg/rounded/star_half.svg); }
.icon_smart_display { mask-image: url(/svg/rounded/smart_display.svg); -webkit-mask-image: url(/svg/rounded/smart_display.svg); }
.icon_checklist { mask-image: url(/svg/rounded/checklist.svg); -webkit-mask-image: url(/svg/rounded/checklist.svg); }
.icon_remove { mask-image: url(/svg/rounded/remove.svg); -webkit-mask-image: url(/svg/rounded/remove.svg); }
.icon_remove_circle { mask-image: url(/svg/rounded/remove_circle.svg); -webkit-mask-image: url(/svg/rounded/remove_circle.svg); }
.icon_content_paste_go { mask-image: url(/svg/rounded/content_paste_go.svg); -webkit-mask-image: url(/svg/rounded/content_paste_go.svg); }
.icon_menu_open { mask-image: url(/svg/rounded/menu_open.svg); -webkit-mask-image: url(/svg/rounded/menu_open.svg); }
.icon_diversity_3 { mask-image: url(/svg/rounded/diversity_3.svg); -webkit-mask-image: url(/svg/rounded/diversity_3.svg); }
.icon_insights { mask-image: url(/svg/rounded/insights.svg); -webkit-mask-image: url(/svg/rounded/insights.svg); }
.icon_copy_all { mask-image: url(/svg/rounded/copy_all.svg); -webkit-mask-image: url(/svg/rounded/copy_all.svg); }
.icon_autorenew { mask-image: url(/svg/rounded/autorenew.svg); -webkit-mask-image: url(/svg/rounded/autorenew.svg); }
.icon_help_outline { mask-image: url(/svg/rounded/help_outline.svg); -webkit-mask-image: url(/svg/rounded/help_outline.svg); }
.icon_auto_awesome { mask-image: url(/svg/rounded/auto_awesome.svg); -webkit-mask-image: url(/svg/rounded/auto_awesome.svg); }
.icon_smart_button { mask-image: url(/svg/rounded/smart_button.svg); -webkit-mask-image: url(/svg/rounded/smart_button.svg); }


html {  width:100%; height:100%; }

/*
body { position:relative; margin:0px; padding:0px;  width:100%; min-height:100%;  background:var(--main-bgcolor); overflow-x:hidden; }
body::before {
    content: '';
    position:fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    -webkit-filter: blur(var(--main-bgblur));
    filter: blur(var(--main-bgblur));
    background:var(--main-bgimg);
    background-repeat:no-repeat;
    background-size:cover; 
    background-position: center center;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
   opacity: .9; 
    transition-property: all; transition-duration: 200ms;transition-timing-function: linear,ease;
}
*/




body {
    margin:0px; padding:0px;
    width:100%; min-height:100%;
    background-color:#303030;
    color:#303030; 
    overflow-x:hidden; 
}

body::before {

    content: '';
    position:fixed;
    overflow:visible; 
    left: 0; top: 0;
    width: 100%; height: 100%;
    z-index: -3;
    background: var(--main-bgimg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition-property: filter,transform;
    transition-duration: 200ms;
    transition-timing-function: ease; 
    pointer-events: none;
}

body::after {
    content: '';
    position:fixed;
    overflow:visible; 
    left: 0; top: 0;
    width: 100%; height: 100%;
    z-index: -2;
    -webkit-backdrop-filter: blur(var(--main-bgblur));
    backdrop-filter: blur(var(--main-bgblur));
    pointer-events: none;
}

























a { text-decoration: none;   user-drag: none; user-select: none;  color:#000000e0;  outline:medium;  }
div,li,ul,span{ margin:0px; padding:0px; }
li { list-style-type:none;  }




.canvasbg {
    position: fixed;
    z-index:-1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #303030;
    display: block;
    opacity: 0;
    
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: linear,ease;  
}




























.chuzu { color:#CC6600; }
.chushou { color:#33333399; }

.infs_default { color:var(--infs-default-fc); }
.infs_sale { color:var(--infs-sale-fc); --infs-boder-color:var(--infs-sale-brc); }
.infs_rent { color:var(--infs-rent-fc); --infs-boder-color:var(--infs-rent-brc);}

.infs_default .icon { background:var(--infs-default-fc); }
.infs_sale .icon { background:var(--infs-sale-fc); }
.infs_rent .icon { background:var(--infs-rent-fc); }



 /*  top_cover 顶部阴影   app用户有效  display:none;  */
.topcover,
.top_cover { pointer-events: none; position:fixed; z-index:999; overflow:visible; top:0px; right:0px; left:0px; height:9vmin; background-image: linear-gradient(0deg,rgba(0,0,0,0.05),rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.6));-webkit-filter: blur(3px); filter: blur(3px);transform:scale(1.1); }

body[data-isappuser="true"] .topcover,
body[data-isappuser="true"] .top_cover{  display:block;  }

body[data-isappuser="false"]  { --main-zhanwei-top: 2rem; }
body[data-isappuser="true"]  { --main-zhanwei-top: 9vmin; }




 /*  全屏阴影遮罩  */
.covers {
    position:fixed; z-index:60;
    overflow:hidden;
    top:0px; right:0px; bottom:0px; left:0px;
    background-color:rgba(0,0,0,0.10);
    pointer-events: none;
 /*   backdrop-filter: blur(3px);  -webkit-backdrop-filter: blur(3px); */
}



 /*  顶部占位条，目的空出导航栏距离  */
.zhanwei { margin:0px; padding:0px; width:100%; height:var(--main-zhanwei-top); display:block; position:relative; overflow:hidden; }

 /*  底部键盘空占位，防止软键盘遮挡输入框  */
.keykong,
.zhanweikey {   margin:0px; padding:0px; width:100%; height:30vh;  display:block;overflow:hidden; B.ACKGROUND-color:#ffffff; }

 /*  空的列表  */
.emptylist { margin:0px;  padding:0; width:100%; height:100vh; background-color:#ffffff; overflow:hidden;  flex-grow:1;flex-shrink:1; display:flex; justify-content:center; }
.pagload { margin:0px;  padding:0; width:100%; height:100vh; font-size:.75rem;  background-color:#ffffff;  overflow:hidden;  flex-grow:1;flex-shrink:1; display:flex; justify-content:center; }




 /*  配合 app 上显示的文字  */
.textview { margin:0px; padding:0;  position:fixed; z-index:97; left:0px; right:0px; top:50vh; overflow:visible; display:flex; justify-content: center; border:0px solid #FF0000;  }
.textview div:nth-child(1) { margin:0px; padding:.5rem .75rem; overflow:visible; max-width:75vw; font-size:.75rem; line-height:130%; background:#303030; color:#f0f0f0; border-radius:.5rem;     backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px); box-shadow:1px 1px .75rem rgba(0,0,0,.3) ; }






/*  公用 搜索UI下 小分类目录  */

.infsorts { position:relative;  margin:0px;  width:100%;  padding:2vmin 2vmin;  width:100%; overflow:hidden; display:flex; justify-content: flex-start; border:0px solid #3385ff;}
.infsorts a { margin:1.5vmin; padding:1.5vmin 2.5vmin ; font-size:0.75rem; line-height:100%; flex-grow:0; flex-shrink:1;  text-align:center; background:#ffffffe0;  color: #000000; border:0px solid #00000020;  position:relative; border-radius:.3rem;      overflow:hidden; transition-property: color,background,transform;transition-duration: 300ms;transition-timing-function: linear,ease;} 
.infsorts a:hover{  } 
.infsorts a.issel { color:#ffffff;  background:#00000080;  border:0px solid #00000000;  } 



body[data-sid="0"][data-usercid="0"] .infsorts a[data-sid="0"][data-usercid="0"],
body[data-sid="1"] .infsorts a[data-sid="1"],
body[data-sid="2"] .infsorts a[data-sid="2"],
body[data-usercid="1"] .infsorts a[data-usercid="1"],
body[data-usercid="2"] .infsorts a[data-usercid="2"] {  color:#ffffff;  background:#00000080;  border:0px solid #00000000; }



 /*  顶部小导航栏  */
div.topbar { margin:0px;  padding:0px ; width:100%;  overflow:hidden; color:#FFFFFF }
div.topbar div.navbar { margin:0px; padding:0px; width:100%;  overflow:hidden;  display:flex; justify-content: center;  }
div.topbar div.navbar .icon { width:1.5rem; height:1.5rem;  background:#ffffff;  }
div.topbar div.navbar div { margin:0px; padding:0px; overflow:hidden;  display:flex;    align-items: center; line-height:100%;   }
div.topbar div.navbar div:nth-child(2) { padding:0px .5rem; flex-grow:1; font-size:.75rem;}
div.topbar div.navbar div a { margin:0px; padding:3vmin 3vmin; display:flex;justify-content: center; overflow:hidden; font-size:.75rem; }
div.topbar div.navbar div a span { margin:0px; padding:0;   flex-grow:1; display:flex; justify-content: center;  align-items: center; color:#FFFFFF80; }
div.topbar div.navbar div a img { width:1.5rem; height:1.5rem; opacity: .9; display:block; overflow:hidden;   }





div.topbar div.navbars { --usecolor:#fffffff0;  --bgc:#00000030; --theme-color:#303030;  margin:0px; padding:1.5vmin; width:100%;  overflow:hidden;  display:flex; justify-content: flex-start;  }
div.topbar div.navbars a { margin:1.5vmin; padding:.25rem .75rem; display:flex;justify-content: center; overflow:hidden; background:var(--bgc);  border:0px solid #00000010; border-radius:.3rem; 
    backdrop-filter: blur(5px);
    transition-property: background;
    transition-duration: 200ms;
    transition-timing-function: linear,ease;
}

div.topbar div.navbars a span { margin:0px; padding:2px; line-height:100%;  flex-grow:1; display:flex; justify-content: center;  align-items: center; color:var(--usecolor); font-size:.75rem }
div.topbar div.navbars a .icon { width:1.25rem; height:1.25rem; background:var(--usecolor); }


div.topbar div.navbars[data-colormode="white"] > a { --usecolor:#000000e0; --bgc:#ffffff10;  filter:drop-shadow(0px 0px .3rem #ffffff30); }
div.topbar div.navbars[data-colormode="black"] > a { --usecolor:#ffffffe0; --bgc:#00000010;  filter:drop-shadow(0px 0px .3rem #00000030); }
  
























div.mbox  { position:fixed; z-index:99; margin:0px; padding:0; min-width:50vw;  display:flex; align-items: center;  flex-shrink: 0; flex-direction: column ; background:#fffffFe0; border:0px solid #FFFFFF; overflow:hidden;  /* overflow-x:hidden;overflow-y:auto; max-height:50vh; */ box-shadow:1px 1px 12px rgba(0,0,0,.3) ;   border-radius:.5rem;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: kf_mbox  ;
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    transition-property: left,top;
    transition-duration: 200ms,200ms;
    transition-timing-function: linear,ease;
        backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

@-webkit-keyframes kf_mbox {
    0% { opacity: 0.1;    -webkit-transform:scale(0.5) translate(50%,-50%); }
    100% { opacity: 1;    -webkit-transform:scale(1) translate(0,0); }
}

div.mbox .ico1 {  display:block; overflow:hidden; width:1.25rem; height:1.25rem; border:none;}

div.mbox li {  margin:0px; padding:0;  width:100% ; overflow:hidden;  display:flex; align-items: center;  flex-shrink: 0; }
div.mbox li a { width:100%;  padding:.5rem  ; display:block; overflow:hidden; border-bottom:1px solid #00000030; background:#fffffff0; color:#000000e0; display:flex; align-items: center; justify-content: center; }


div.mbox li a:hover{color: #333333; background:#f3f3f3; }
div.mbox li a:active{color: #333333; background:#f3f3f3;  }

div.mbox li a > span {  display:block; overflow:hidden;  padding:.25rem;  display:flex; align-items: center;  flex-shrink: 0;   }

div.mbox li a > span:first-of-type { padding:.375rem .25rem .25rem .25rem ;   flex-shrink:0; flex-grow:0;}
div.mbox li a > span:last-child{ padding:.25rem .75rem .25rem .25rem ;  flex-grow:1;}


div.mbox li .icon {  width:1.25rem; height:1.25rem; background:#000000e0; }


div.mbox .txts { display:block; overflow:hidden;  padding:.75rem;  font-size:.75rem; line-height:150% }
div.mbox .txts p {  margin:0px; display:block; overflow:hidden;  padding:.25rem; line-height:150% }

div.mbox .txts a { f0ont-weight:700; color: #303030;  display: inline-block;  margin:.25rem;  padding:.125rem .5rem  ; border:1px solid #E3E3E3; border-radius:.25rem;  }






.myalert {  padding:0px; overflow:hidden; position:fixed; z-index:99; min-width:50vmin; max-width:86vmin;  background:#ffffffc0; border:0px solid #0000ff;  border-radius:.5rem;  box-shadow:1px 1px 0.5rem rgba(0,0,0,0.3); 
    backdrop-filter: blur(.3rem);  -webkit-backdrop-filter: blur(.3rem);
    transition-property: left,top;
    transition-duration: 200ms;
    transition-timing-function: linear,ease;
    animation: fadein_opacity 300ms ease-in-out 1;
}

.myalert > *:first-child { padding:1rem 1rem .5rem 1rem ; }
.myalert > *:last-child  { padding:.5rem 1rem 1rem 1rem ; display:flex; overflow:hidden; align-items: center; justify-content: center; /* gap:1rem; */ justify-content: space-evenly;}
.myalert > *:last-child a {
    margin:0px;  padding:.5rem 1rem ; font-size:.75rem;
    overflow:hidden; display:flex; align-items: center; justify-content: center; 
    color: #303030; border:1px solid #E3E3E3;   border-radius:5px;  
    background: -webkit-linear-gradient(180deg, #f3f3f3, #ffffff , #f3f3f3 , #f3f3f3);
    background: -o-linear-gradient(180deg, #f3f3f3, #ffffff , #f3f3f3 , #f3f3f3);
    background: -moz-linear-gradient(180deg, #f3f3f3, #ffffff , #f3f3f3, #f3f3f3); 
    background: linear-gradient(180deg, #f3f3f3, #ffffff , #f3f3f3 , #f3f3f3);
} 

.myalert > *:last-child a:hover{ color: #303030;}  


@-webkit-keyframes fadein_opacity {
    0% { opacity: 0;    }
    100% { opacity: 1; }
}






/* 信息搜索 */

div.formpage { position:relative; margin:0px; padding:9vh 6vmin; z-index:97; position:fixed; top:0; right:0; bottom:0; left:0;  overflow:visible; overflow-x: hidden; overflow-y: auto;  
backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);
    -webkit-animation-timing-function:linear	;
    -webkit-animation-name: formpage_fadein;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
}


@-webkit-keyframes formpage_fadein {
    0% {  backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px) ;  }
    100% {  backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px) ; }
}





div.formpage .closebar ,
div.formpage .closebar { padding:3vmin 0 1vmin 0;  display:block; overflow:visible;  border:0px solid #3385ff; width:100%; display:flex; justify-content:flex-end;  }


.formbox { --main-input-color:#aacceee0; --main-input-focus-color:#303030;  position:relative; background:#ffffffe0; z-index:-2; display:block; overflow:visible;  width:100%;  border-radius:.5rem; box-shadow:1px 1px 1.5rem rgba(0,0,0,0.3) ; 

backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);
 }



@-webkit-keyframes formbox_fadein {
    0% {  -webkit-transform:scale(.8);}
    100% {   -webkit-transform:scale(1);  }
}





.formbox .formtits {  margin:0px; padding:3vmin 3.5vmin 0 3.5vmin; font-size:.75rem; border:0px solid #000000; display:block; overflow:hidden;  }

div.formpage .closebar a { margin:1vmin; padding:.25rem .25rem ; display:block;  overflow:visible;  display:flex; align-items: center; justify-content:center; background:#ffffff20; border:1px solid #ffffff20;  border-radius:.5rem; backdrop-filter: blur(9px);-webkit-backdrop-filter: blur(9px);  box-shadow:1px 1px 1.5rem rgba(0,0,0,0.3) ; }
div.formpage .closebar a span { margin:0; overflow:hidden; display:flex; align-items:center; justify-content:center; border:0px solid #ffff00; color:#303030;  }
div.formpage .closebar a span .icon { height:1.5rem; width:1.5rem; background:#ffffff; mask-size:75%; }
div.formpage .closebar a span:nth-child(2) {  padding:0 .25rem ; font-size:.75rem; color:#ffffff; line-height:100%; }

.formbox form { margin:0px auto; padding:0 2vmin 2vmin 2vmin ;  width:100%; overflow:hidden; display:flex;  flex-wrap: wrap;  justify-content:space-around;  }
.formbox form span {  margin:1.5vmin;  padding:0;  display:block; overflow:hidden; position:relative;  border-radius:.25rem; width:100%;  flex-grow:1; }
.formbox form font.corner {  position:absolute; padding:0px; right:9px;  bottom:6px; border:0px solid #C2D0E7; color:var(--main-input-color); font-size:0.75em; line-height:100%; }

.formbox form .icobox {  position:absolute; padding:0 .25rem; top:0px; right:.25rem;  bottom:0px; border:0px solid #C2D0E7; color:#ffffff;  line-height:100%;   display:flex; align-items: center; justify-content:center;  }
.formbox form .icon {  background:#303030; width:1.25rem; height:1.25rem; mask-size:100%;  }

.formbox form .butbox {  position:absolute; padding:0 .75rem; top:0; right:0;  bottom:0; border:0px solid #C2D0E7;  background:var(--main-input-color);  background:#00000000; color:#303030;  font-weight:700; font-size:.75rem; line-height:100%; display:flex; align-items: center; justify-content:center;  }
.formbox form span:focus-within  .butbox { background:var(--main-input-focus-color);  color:#ffffff;}
.formbox form span:focus-within  font.corner  { color:var(--main-input-focus-color);}

.formbox form input[type=text] { width:100%; height:2rem; padding:.3rem; font-size:1rem; border:1px solid var(--main-input-color); outline:none; border-radius:.25rem; }
.formbox form input[type=text]:focus { border:1px solid var(--main-input-focus-color);  }


.formbox form input[data-manual="0"] { border:1px solid var(--main-input-color);  }
.formbox form input[data-manual="1"] {     box-shadow: 1px 1px .3rem rgba(0, 0, 0, .1) inset; b.order:1px solid #eeccaa;  b.order-top-right-radius:1rem;  }

.formbox form[resform="0"] input[type=text] { color:#000000a0; font-size:0.75rem; }


.formbox div.subs { margin:0px auto;  width:100%;  padding:2vmin;  width:100%;  display:block; overflow:hidden;  }


.formbox div.subs .s1 { margin:0px;  width:100%;  padding:2vmin;  width:100%;  display:block; overflow:hidden; }

.formbox div.subs a.buts { margin:0px; padding:0px ; width:100%; line-height:36px; height:38px;  float:right; text-align:center;  TEXT-DECORATION: none; background-color:#3385ff;   border-radius:0px;  b1ox-shadow:1px 1px 5px rgba(0,0,0,0.3) ;  overflow:hidden;display:block; } 
.formbox div.subs a.buts:link{ color: #FFFFFF; border:0px solid #e3e3e3; }
.formbox div.subs a.buts:visited{ color: #FFFFFF; border:0px solid #e3e3e3; } 
.formbox div.subs a.buts:hover{ color: #ffffff; background-color:#3385ff; border:0px solid #3385ff; } 
.formbox div.subs a.buts:active{ color: #ffffff; background-color:#3385ff; border:0px solid #3385ff;  } 
.formbox div.subs .buts img { width:24px;   }



.formbox div.rbox1 {  padding:3vmin 3.3vmin ;   display:block; overflow:hidden; width:100%;  }


.formbox .tishi {  margin:0px; padding:0px;  width:100%; overflow-x:hidden;overflow-y:auto;  border:0px solid #00000066;}


.formbox .tishi ul {  margin:0px; padding:0px;  width:100%; }

.formbox .tishi ul.r1 {  padding:0 3vmin; color:#999999; }
.formbox .tishi a { width:100%;  padding:2vmin 2vmin  ; display:block; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.formbox .tishi a:link{ color: #333333; }
.formbox .tishi a:visited{ color: #333333; }
.formbox .tishi a:hover{color: #cc6600;  }
.formbox .tishi a:active{color: #cc6600;  }

.formbox .roomn {  margin:0px; padding:0px;  width:100%; overflow-x:hidden;overflow-y:auto;  border:0px solid #00000066;}
.formbox .roomn a { width:100%;  padding:2vmin 2vmin  ; display:block; overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.formbox .roomn a:link{ color: #333333; }
.formbox .roomn a:visited{ color: #333333; }
.formbox .roomn a:hover{color: #cc6600;  }
.formbox .roomn a:active{color: #cc6600;  }

.formbox .boxlist {  margin:0px; padding:0px;  width:100%; max-height:30vh;  overflow-x:hidden;overflow-y:auto;  border:0px solid #00000066;}
.formbox .boxlist li {  margin:0px; padding:0px;  width:100% ;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.formbox .boxlist a { width:100%;  padding:1vmin 3vmin  ; display:block; overflow:hidden; border-bottom:1px solid #33333333; color: #303030; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.formbox .boxlist a:hover{color: #cc6600;  }
.formbox .boxlist a:active{color: #cc6600;  }








/* 新搜索框  */




.search-form {
    --main-input-color:#aacceee0; --main-input-focus-color:#303030;
    position:relative; background:#ffffffe0; z-index:-2;
    display:block; overflow:visible;
    width:100%;
    border-radius:.5rem;
    box-shadow:1px 1px 1.5rem rgba(0,0,0,0.3) ; 
    backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);
}    
    
.search-form .tits {
    margin:0px; padding:3.5vmin 3.5vmin 0 3.5vmin;
    font-size:.75rem; border:0px solid #000000;
    font-weight:700;
    display:block; overflow:hidden;
}

.search-form .info-type {
         position:relative;  margin:0px;  width:100%;  padding:3vmin 3.5vmin 1.5vmin 3.5vmin ; gap:3.5vmin;  width:100%; overflow:hidden; display:flex; justify-content: flex-start; border:0px solid #3385ff;
}

.search-form .info-type a { 
    display:flex; align-items: center; justify-content:center;
    margin:0; padding:1vmin;
    font-size:0.75rem; line-height:100%; 
    /* flex-grow:1; */ flex-shrink:1; 
    text-align:center; background:#ffffffe0; 
    color: #000000; border:0px solid #ffffff80; border-radius:5rem;  
    transition-property: color,background 300ms;
    transition-timing-function: linear,ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}

.search-form .info-type a > span { padding: .25rem ;}

.search-form form { margin:0px auto; padding:0 2vmin 2vmin 2vmin ;  width:100%; overflow:hidden; display:flex;  flex-wrap: wrap;  justify-content:space-around; }
.search-form form > span {  margin:1.5vmin;  padding:0;  display:block; overflow:hidden; position:relative;  border-radius:.25rem; width:100%;  flex-grow:1; }
.search-form form > span:focus-within  .butbox { background:var(--main-input-focus-color);  color:#ffffff;}
.search-form form > span:focus-within  .corner { color:var(--main-input-focus-color);}

.search-form form .corner {  position:absolute; padding:0px; right:9px;  bottom:6px; border:0px solid #C2D0E7; color:var(--main-input-color); font-size:0.75em; line-height:100%; }
.search-form form .butbox {  position:absolute; padding:0 .75rem; top:0; right:0;  bottom:0; border:0px solid #C2D0E7;  background:var(--main-input-color);  background:#00000000; color:#303030;  font-weight:700; font-size:.75rem; line-height:100%; display:flex; align-items: center; justify-content:center;  }



.search-form form input[type=text] {
    width:100%; height:2rem; 
    padding:.3rem; 
    font-size:1rem; 
    border:1px solid var(--main-input-color); 
    outline:none; 
    border-radius:.25rem; 
    
    /* 1. 允许文本选择 */
    -webkit-user-select: text !important;
    user-select: text !important;
    
    /* 2. 恢复系统默认长按呼出菜单 */
    -webkit-touch-callout: default !important;
    
    /* 3. 确保手势可以传递给系统 */
    touch-action: auto !important;
    
    /* 4. 确保点击事件不被阻断 */
    pointer-events: auto !important;    
    
}

.search-form form input[type=text]:focus { border:1px solid var(--main-input-focus-color);  }
.search-form form .icobox {  position:absolute; padding:0 .25rem; top:0px; right:.25rem;  bottom:0px; border:0px solid #C2D0E7; color:#ffffff;  line-height:100%;   display:flex; align-items: center; justify-content:center;  }
.search-form form .icon {  background:#303030; width:1.25rem; height:1.25rem; mask-size:100%;  }


.search-form .term-box { padding:3vmin 3.5vmin ;   display:block; overflow:hidden; width:100%; }
.search-form ul { margin:0px; padding:.25rem;  width:100%; max-height:30vh;  overflow-x:hidden;overflow-y:auto;  border:0px solid #00000066; }
.search-form ul li {  margin:0px; padding:0px;  width:100% ;  }
.search-form ul li a { width:100%;  padding:1vmin 1.5vmin  ; display:block; overflow:hidden; border-bottom:1px solid #00000030; color: #000000e0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.search-form ul li a > span { color:#009900; }
.search-form ul li a:hover{ color: #cc6600;  }
.search-form ul li a:active{ color: #cc6600;  }





























body[data-sid="0"][data-usercid="0"] .search-form .info-type a[data-sid="0"][data-usercid="0"], 
body[data-sid="1"] .search-form .info-type a[data-sid="1"],
body[data-sid="2"] .search-form .info-type a[data-sid="2"],
body[data-usercid="1"] .search-form .info-type a[data-usercid="1"],
body[data-usercid="2"] .search-form .info-type a[data-usercid="2"]
{
    color: #ffffff;
    background: #00000080;
    border: 0px solid #ffffff80;
}
/*
.search-form .info-type a[data-usercid="1"] {display:none;}
.search-form .info-type a[data-usercid="2"] {display:none;}
body[data-channels="xfw"] .search-form .info-type a{display:flex;}
body[data-channels="subscribed"] .search-form .info-type a{display:flex;}
*/







/*  图片播放器  */

div.mplays { position:relative; z-index:90; margin:0; padding:0; width:100%; height:60vw; aspect-ratio: 1/6; max-height:100vh; background:#ffffff; overflow:hidden; border:0px solid #E30000; }
div.mplays .icon { background:#ffffff; width:2rem; height:2rem; mask-size:100%; }

.imgplays { position:relative; position:absolute;  margin:0px; padding:0px; width:100%; height:100%;  top:0px; left:0px; border-radius:5rem;: overflow:hidden; display:block; transition-property: all; transition-duration: 200ms;transition-timing-function: linear,ease; }
.imgplays div.pbox { margin:0px; padding:0px; width:100%; height:100%; position:absolute; top:0px;left:0px;  overflow:hidden;  border:0px solid #E30000; }

.imgplays div.pbox div.imgfps { z-index:30; margin:0px; padding:0px; position:absolute; top:0px;left:0px; width:100%; height:100%; overflow:hidden; background:#000000;
    transition-property: all; transition-duration: 300ms;transition-timing-function: linear,ease;
    -webkit-animation-name:opacity1 ;-webkit-animation-duration: 300ms;-webkit-animation-iteration-count: 1;
 }
.imgplays div.pbox div.imgfps img { position:absolute; width:100%; height:100%;  top:0px;left:0px;  border:0px solid  #999999; }
.imgplays div.pbox div.imgfps img:nth-child(1)  { filter:blur(20px);  transform:scale(1.25); }
.imgplays div.pbox div.imgfps img:nth-child(2)  { object-fit:contain; }

/*
.imgplays div.pbox div:first-child  {  border:1px solid  #FF0000;  }
.imgplays div.pbox div:last-child  {  border:1px solid  #FF0000;  }
*/


.imgplays div.osbar { z-index:33;  overflow:hidden;  position:absolute; width:100%;  padding:1.5vmin;  border:0px solid #cdcdcd;   }
.imgplays div.osbar a { margin:1.5vmin; padding:2.5vmin;   border:0px solid #FFFFFF33;  float:right; display:block; overflow:hidden; border-radius:.5rem;  transition-property: background,border,margin,padding,border-radius,box-shadow,transform; transition-duration: 200ms; transition-timing-function: linear,ease; }
.imgplays div.osbar a:hover {  transform:scale(1.05);   }
.imgplays div.osbar1 {  top:50%; left:0px;  transform:translate(0,-50%) ;  display:flex; justify-content:space-between; align-items:center;   }
.imgplays div.osbar2 {  left:0px; bottom:0px;  }
.imgplays div.osbar3 {  top:0px; right:0px;   }

div.mplays[data-fullscreen="1"] .imgplays { position:fixed; top: 0px; left: 0px; width: 100%; height: 100%; }

div.mplays[data-fullscreen="0"] .osbar a font[data-fullscreen="1"] {display:none}
div.mplays[data-fullscreen="1"] .osbar a font[data-fullscreen="0"] {display:none}

div.fsmp {  position:fixed; z-index:96; margin:0px; padding:0px; top:0px;left:0px;  overflow:hidden;  display:block;   border:0px solid #E30000;  
	transition-property: background,width,height,left,top,bottom,right;
	transition-duration: 200ms;
	transition-timing-function: linear,ease;
}

.imgenlarge {  position:fixed; z-index:96; margin:0px; padding:0px; top:0px;left:0px; overflow:hidden; o.verflow:visible; display:block; background-color:#333333;  border:0px solid #E30000;  
	transition-property: background,width,height,left,top,bottom,right;
	transition-duration: 200ms;
	transition-timing-function: linear,ease;

}
.imgenlarge .icon { background:#ffffff; width:2rem; height:2rem; mask-size:100%; }

.imgenlarge div.imgsbox { margin:0px; padding:0px; width:100%; height:100%; position:absolute; top:0px;left:0px;  overflow:hidden;   border:0px solid #E30000; }
.imgenlarge div.imgsbox div.imgfps { margin:0px; padding:0px; width:100%; height:100%;  position:absolute; top:0px;left:0px;   background:#333333;
    b.ackground-repeat:no-repeat;
    b.ackground-size:100% 100%; 
	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: fadein1  ;
	-webkit-animation-duration: 300ms;
	-webkit-animation-iteration-count: 1;
 }


.imgenlarge div.imgsbox div.imgfps img { position:absolute; width:100%; height:100%;  top:0px;left:0px;  border:0px solid  #999999; }
.imgenlarge div.imgsbox div.imgfps img:nth-child(1)  { filter:blur(36px);  transform:scale(1.1);     opacity:.7;  }
.imgenlarge div.imgsbox div.imgfps img:nth-child(2)  { object-fit:contain;  -webkit-animation-name: picbox_f1  ;-webkit-animation-duration: 500ms;-webkit-animation-iteration-count: 1; }
.imgenlarge div.osbar {  overflow:hidden;  position:absolute; width:100%;  padding:1.5vmin;  border:0px solid #cdcdcd;   }
.imgenlarge div.osbar a { margin:1.5vmin; padding:2.5vmin; background-color:#00000011;  border:0px solid #FFFFFF33;  float:right; display:block; overflow:hidden; border-radius:.5rem; 
    transition-property: background,border,margin,padding,border-radius,box-shadow,transform; transition-duration: 200ms; transition-timing-function: linear,ease; 
 	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: scale1  ;
	-webkit-animation-duration: 300ms;
	-webkit-animation-iteration-count: 1;
	
backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); 
 }
.imgenlarge div.osbar a:hover {  transform:scale(1.05);  background-color:#ffffff33;   }
.imgenlarge div.osbar1 {  top:50%; left:0px;  transform:translate(0,-50%) ;  display:flex; justify-content:space-between; align-items:center;   }
.imgenlarge div.osbar2 {  left:0px; bottom:0px; display:none   }
.imgenlarge div.osbar3 {  top:5vmin; right:0;   }

.imgenlarge[data-button="0"] div.osbar { display:none   }


@-webkit-keyframes scale1 {
    0% { opacity: 0.1; -webkit-transform:scale(0); }
    100% { opacity: 1; -webkit-transform:scale(1); }
}

@-webkit-keyframes opacity1 {
    0% { opacity: 0;   }
    100% { opacity: 1; }
}




























/* 迷你列表图片播放 */
/* 迷你列表图片播放 */
.img-previewer {
    position: fixed;
    z-index: 90;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    overflow: visible;
    display: block;
    background-color: #303030c8;
    border: none;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);

    transition: all 300ms ease;
}

.img-previewer .icon {
    background: #ffffffc0;
    width: 2rem;
    height: 2rem;
    mask-size: 100%;
}

.img-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    border: none;
}

.img-container .img-frame {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);

    background-color: #303030c8;
    background-repeat: no-repeat;
    background-size: cover;

    animation-timing-function: ease-in-out;
    animation-name: img-fadein;
    animation-duration: 600ms;
    animation-iteration-count: 1;
}

.img-container > .img-frame img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none;
    object-fit: contain;
}

.img-container > .img-frame:first-child { opacity: 0; }
.img-container > .img-frame:last-child { opacity: 1; }

.img-panel {
    --butt-margin: 3vmin;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 1.5vmin;
    border: none;
    display: none;
}

.img-previewer[data-showbutton] .img-panel { display: block; }

.img-panel a {
    margin: 0;
    padding: 3vmin;
    background-color: #00000011;
    border: 2px solid #ffffff10;
    display: block;
    overflow: hidden;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease;
    animation: img-fadein 1200ms ease-in-out 1;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}

.img-panel a:hover{
    color: #ffffff;
    backdrop-filter: blur(15px);
    b.ackground-color:#00000010; 
    border: 2px solid #ffffff80;
    
    -webkit-backdrop-filter: blur(15px);  opacity:.9;
}  

.img-panel a:hover .icon {
    background: #ffffff;

}





.img-panel > div {
    padding: 1rem;
    position: absolute;
    overflow: hidden;
}

.img-panel > div:nth-child(1) {
    top: var(--butt-margin);
    right: var(--butt-margin);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.img-panel > div:nth-child(2) {
    top: 50%;
    left: var(--butt-margin);
    right: var(--butt-margin);
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img-panel > div:nth-child(5) {
    left: 0px;
    bottom: 0px;
    display: none;
}

.img-panel > div.txt-rows {
    /* position: relative; */
    padding: 1.5rem;
    left: var(--butt-margin);
    right: var(--butt-margin);

    bottom: 13%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
    overflow:visible; 
    animation: img-fadein 500ms ease-in-out 1;
}

.txt-content {
    padding:.5rem;
    color:#ffffff;
    font-size:.75rem;
    width:80%;
    max-width:50rem;
    max-height:40vh;
    opacity:.9;
    border-radius:.5rem;
    background-color:#00000030;
    border: 0px solid #009900;
    overflow-y: auto;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    overflow:visible; 
    
}





.img-previewer .txt-ct {
    
    
    font-size:1rem;
    position: fixed;

    p.osition:absolute;
    
    padding:.25rem;
    color:#ffffff;
    
    
    max-width:80%;
    
    
    top: 75%;
    left: 0; 
    r.ight: 0;     
    /*
     transform: translateX(-50%); 
    */
    
        
    transition: all 0.3s ease;    

    opacity:.9;
    border-radius:.5rem;

    overflow:hidden;
    background-color:#00000020;
    /*

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    */
    animation: img-fadein 0.5s ease-in-out 1;

 
 }
.img-previewer .txt-ct >p {
    margin: 0;
    padding: .25rem 0;
    font-size:0.75rem;
}

.img-previewer .txt-ct > .img-title {
    margin: 0;
    padding: .25rem 0;
    font-size:0.75rem;
    display:none;
}

.img-previewer .txt-ct > .img-words {
    margin: 0;
    padding: .25rem 0;
    line-height:130%;
    font-size:0.75rem;
}

.img-previewer .txt-ct:hover {
    color: #303030;
    background-color:#ffffffe0; 
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity:.9;
}  






@keyframes img-fadein {
    0% { opacity: 0;   }
    100% { opacity: 1; }
}


/* ====================================== */
















.phbox { position:fixed;  position:absolute; z-index:99; margin:0px; padding:0px; min-width:50vmin; max-widht:82vmin; font-size:1em;  background:#ffffffc0;  border:0px solid #00000080; overflow-x:hidden;overflow-y:auto; box-shadow:1px 1px .75rem rgba(0,0,0,.5) ; border-radius:.5rem; 
    backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);
    transition-property: background,opacity,filter,top,left,height,max-height,width,min-width,border-radius,box-shadow,transform;
    transition-duration: 300ms;
    transition-timing-function: linear,ease; 
    -webkit-animation-timing-function: ease;
    -webkit-animation-name: phbox_scale  ;
    -webkit-animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
}

@-webkit-keyframes phbox_scale {
    0% { opacity: 0.1; -webkit-transform:scale(.7) translate(0,250%);}
    100% { opacity: 1; -webkit-transform:scale(1)translate(0,0) ; }
}








 
.phbox > .tits6{  margin:0; padding:.25rem .25rem 0 .25rem ;  display:flex;  justify-content: flex-end; align-items: stretch;}

.phbox > .tits6 div {  margin:0;  padding:.25rem; overflow:hidden;   display:flex;  align-items: stretch; color:#ffffffe0;     f.ilter:drop-shadow(0px 0px 2px #000000c0) ; }
.phbox > .tits6 div:nth-child(1) {  padding:0 .5rem;  flex-grow:1; font-size:.75rem; font-weight:700; color:#303030; display:flex;  align-items: center;  }
.phbox > .tits6 div:nth-child(2) { margin:0;  padding:0; display:block; overflow:hidden;}
.phbox > .tits6 a {  padding:0; display:block; overflow:hidden; user-drag:nono; -webkit-user-drag:none;  display:flex; justify-content: center  ; }
.phbox > .tits6 a span { margin:0;  padding:0; overflow:hidden; display:flex; justify-content: center ;  align-items:  center; }
.phbox > .tits6 a span .icon  { background:#000000e0; width:1.5rem; height:1.5rem; }



.phbox .txts { margin:0; padding:.75rem; overflow:hidden;  display:block; line-height:130%; font-size:.75rem; }
.phbox .txts p { margin:0; padding:.25rem; overflow:hidden;  line-height:130%;  }
.phbox .txts ul { margin:0; padding:0;   display:block; width:100%; }




.phbox .wxbox { margin:0; padding:.75rem; overflow:hidden;  display:block; line-height:130%; font-size:.75rem; }
.phbox .wxbox ul { margin:0; padding:.25rem; overflow:hidden;  display:block;  }

.phbox .wxbox .wxqr {  margin:0; padding:.25rem; overflow:hidden;  display:block; float:left;  border:0px solid #00000080; background:#ffffff; border-radius:.25rem; }

.phbox .wxbox  p { margin:0; padding:.25rem; overflow:hidden;  line-height:130%;  }
.phbox3 .wxbox .wxqr {  margin:0; padding:0rem; overflow:hidden;  display:block;  }

.phbox3 .wxbox .wxqr img { margin:0; overflow:hidden;  display:block; border:none; border:1px solid #00000030; border-radius:.25rem;}





.phbox .mlist { margin:0; padding:.25rem; overflow:hidden;  display:flex;     flex-direction: column; align-items: stretch; }
.phbox .mlist ul { margin:.25rem; padding:0rem; min-width:12rem; border:0px solid #00000010;   }


.phbox ul.usflex .icon { background:#303030; width:1.25rem;height:1.25rem; mask-size:100%;  }
.phbox ul.usflex li { margin:0; padding:.5rem; width:100%; display:flex; justify-content: center ; align-items: flex-start; }
.phbox ul.usflex span:nth-child(1) { padding:.25rem ; background:#00000010;  border-radius:.5rem;  display:flex;  justify-content: center;  }
.phbox ul.usflex span:nth-child(2) {  padding:.25rem 1rem .25rem .5rem ;   flex-grow:1; line-height:100%;  display:block; font-size:.75rem;  }



.phbox .mlist ul.r1 li {  margin:0px; padding:0px;  width:100%;  white-space:nowrap; overflow:hidden; border-top:1px solid #00000010;}
.phbox .mlist ul.r1 li:first-child { border-top:1px solid #00000000; }
.phbox .mlist ul.r1 li:hover { border-top:1px solid #00000000; border-radius:.25rem; }
.phbox .mlist ul.r1 li:hover + li {  border-top:1px solid #00000000; }


.phbox .mlist ul.r1 a { 
    width:100%;  padding:.5rem ;  min-height:2rem;
    color:var(--main-fontcolor); 
    user-drag:nono; -webkit-user-drag:none;  
    overflow:hidden; display:flex; justify-content: center  ;   
    transition-property: background,border,color; transition-duration: 200ms; transition-timing-function: linear,ease;
}

.phbox .mlist ul.r1 a:hover { background:#00000010;  }
.phbox .mlist ul.r1 a span {
    margin:0px; font-size:.75rem; display:block; overflow:hidden;  line-height:100%;  border:0px solid #00000099; vertical-align:text-top; 
    transition-property: background,border,color; transition-duration: 200ms; transition-timing-function: linear,ease;
}
.phbox .mlist ul.r1 a span:nth-child(1) { padding:.25rem ; background:#00000010;  border-radius:.5rem;  display:flex;  justify-content: center; align-items: center;  }
.phbox .mlist ul.r1 a span:nth-child(1)  .icon {  background:#303030; width:1.25rem;height:1.25rem; mask-size:100%;  }
.phbox .mlist ul.r1 a span:nth-child(2) {  margin-top:-0.25rem; padding:.25rem 1rem .25rem .5rem ;   flex-grow:1; line-height:100%;  display:flex; justify-content:flex-start; align-items: center;  }

.phbox .mlist ul.r1 a:hover  span:nth-child(1){  background:#ffffff80; }



.phbox .mlist ul.r1 li.txt {  display:flex; justify-content: center; align-items: flex-start; }

.phbox .mlist ul.r1 li.txt a {  display:flex; justify-content: center; align-items: flex-start; }
.phbox .mlist ul.r1 li.txt a span:nth-child(2) {  margin:0; line-height:130%;  display:block;  }


.phbox > .logins {  margin:0;  padding:.5rem;  overflow:hidden; width:100%;  display:block; b.ackground:#00000030;  }
.phbox > .logins ul {  margin:0;  padding:.25rem; overflow:hidden;   display:block;  }
.phbox > .logins ul:nth-child(1) { padding:.25rem .75rem; font-size:.75rem; color:#303030; }
.phbox > .logins ul:nth-child(2) { color:#ffffffe0; }
.phbox > .logins a {  padding:.5rem; display:block;  font-size:.875rem;font-weight:700; color:#303030; background:#ffffffe0; border:1px solid #00000020; overflow:hidden; user-drag:nono; -webkit-user-drag:none;  display:flex; justify-content: center ;  border-radius:.25rem;   }










.web-logor  {padding:1.5vmin 0 1.5vmin 0; overflow:visible;  display:flex; justify-content: center;   align-items: stretch; }
.web-logor > div  { margin:0px; padding:.25rem;  overflow:visible;  display:flex; align-items: center;  color:#ffffff; border:0px solid #ff000060; font-size:.75rem; filter:drop-shadow(0px 0px .5rem #ffffffc0);  }
.web-logor > div img { width:3rem; hiehgt:3rem;  border-radius:.25rem;   }
.web-logor > div:nth-child(1) { justify-content: center; }
.web-logor > div:nth-child(2) { min-width:12rem; }
.web-logor  .icon { background:#ffffff; mask-size:150%;   overflow:visible; }

.web-logor span:has(img) {  display:flex; align-items: center; justify-content: center; width:2rem; hiehgt:2rem; overflow:hidden; flex-grow:0;flex-shrink:0;   }
.web-logor span:has(img) img { display:block; width:2rem; hiehgt:2rem; -webkit-transform:scale(1.5); transform:scale(1.5); border:0px solid #00000000; }