﻿/* Applied by a device check, never by desktop viewport width alone. */
html.qxx-legacy-phone { width: 100%; min-width: 0 !important; overflow-x: hidden; touch-action: manipulation; -webkit-text-size-adjust: 100%; }
html.qxx-legacy-phone body { min-width: 0 !important; width: 100% !important; margin: 0; padding: 0; height: auto !important; overflow-x: hidden; overflow-y: auto !important; color: #314964; font-size: 14px; box-sizing: border-box; }
html.qxx-legacy-phone *, html.qxx-legacy-phone *::before, html.qxx-legacy-phone *::after { box-sizing: border-box; touch-action: manipulation; }
html.qxx-legacy-phone #form1, html.qxx-legacy-phone #content, html.qxx-legacy-phone #content-wrapper, html.qxx-legacy-phone .container, html.qxx-legacy-phone .container-fluid, html.qxx-legacy-phone .main-content { min-width: 0 !important; width: 100% !important; max-width: 100%; height: auto !important; margin: 0 !important; padding: 8px; }
html.qxx-legacy-phone .container-fluid > .row-fluid, html.qxx-legacy-phone .row-fluid { width: 100%; margin: 0; }
html.qxx-legacy-phone .row-fluid > [class*="span"] { float: none; width: 100%; min-width: 0; margin: 0 0 10px; }
html.qxx-legacy-phone .page-header { margin: 0 0 12px; padding: 8px 0; }
html.qxx-legacy-phone h1 { font-size: 21px; line-height: 1.5; }
html.qxx-legacy-phone .page-header .pull-left, html.qxx-legacy-phone .page-header .pull-right { float: none; }
html.qxx-legacy-phone .box-content, html.qxx-legacy-phone .formbody { min-width: 0; max-width: 100%; padding: 10px !important; overflow-x: auto; }
html.qxx-legacy-phone .control-group { margin: 0 0 14px; }
html.qxx-legacy-phone .control-label { float: none !important; width: 100% !important; text-align: left; margin-bottom: 7px; }
html.qxx-legacy-phone .controls { margin-left: 0 !important; padding: 0 !important; }
html.qxx-legacy-phone .controls > select, html.qxx-legacy-phone .controls > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), html.qxx-legacy-phone .controls > textarea { display: block; width: 100% !important; max-width: 100%; margin: 5px 0 10px; }
html.qxx-legacy-phone select, html.qxx-legacy-phone input:not([type="hidden"]), html.qxx-legacy-phone textarea { max-width: 100%; font-size: 16px !important; }
html.qxx-legacy-phone select, html.qxx-legacy-phone input[type="text"], html.qxx-legacy-phone input[type="password"], html.qxx-legacy-phone input[type="number"] { min-height: 40px; }
html.qxx-legacy-phone select.select { width: 100% !important; display: block; margin: 6px 0 10px; }
html.qxx-legacy-phone input[type="checkbox"], html.qxx-legacy-phone input[type="radio"] { min-height: 20px; min-width: 20px; vertical-align: middle; }
html.qxx-legacy-phone label.checkbox, html.qxx-legacy-phone label.radio { min-height: 36px; line-height: 28px; }
html.qxx-legacy-phone .btn, html.qxx-legacy-phone button, html.qxx-legacy-phone input[type="submit"], html.qxx-legacy-phone input[type="button"], html.qxx-legacy-phone .enter { min-height: 40px; margin: 4px 4px 4px 0; padding: 8px 10px; line-height: 22px; height: auto; white-space: normal; }
html.qxx-legacy-phone .place { height: auto; min-height: 34px; padding: 6px; line-height: 24px; }
html.qxx-legacy-phone .placeul { float: none; display: inline; }
html.qxx-legacy-phone .placeul li { float: none; display: inline-block; }
html.qxx-legacy-phone .qxx-table-scroll, html.qxx-legacy-phone .scrollable-area, html.qxx-legacy-phone .responsive-table { display: block; max-width: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
html.qxx-legacy-phone .qxx-table-scroll > table { min-width: 640px; width: 100% !important; table-layout: auto; margin: 0; }
html.qxx-legacy-phone .qxx-table-scroll th, html.qxx-legacy-phone .qxx-table-scroll td { white-space: nowrap; word-break: normal; overflow-wrap: normal; min-width: 70px; padding: 9px 10px; text-align: center; vertical-align: middle; }
html.qxx-legacy-phone .qxx-table-scroll th { line-height: 24px; }
html.qxx-legacy-phone .qxx-table-scroll td .btn { white-space: nowrap; }
html.qxx-legacy-phone .formbody > table { width: 100% !important; min-width: 0; }
html.qxx-legacy-phone .formbody > table > tbody > tr > td { max-width: 100%; width: auto !important; }
html.qxx-legacy-phone .formbody > table > tbody > tr:first-child > td { display: block; }
html.qxx-legacy-phone .formbody > table > tbody > tr:first-child > td:only-child { display: table-cell; }
/* NewWeb PopDiv iframes: fullscreen content and reachable title/close controls. */
html.qxx-legacy-phone #BackDiv { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; }
html.qxx-legacy-phone #FloatDiv { position: fixed !important; top: 6px !important; left: 6px !important; width: calc(100vw - 12px) !important; height: calc(100dvh - 12px) !important; max-height: calc(100dvh - 12px); overflow: hidden; }
html.qxx-legacy-phone #FloatDiv > div, html.qxx-legacy-phone #FloatDiv > div > div { width: 100% !important; height: 100% !important; }
html.qxx-legacy-phone #FloatDiv .AlertTitle { height: 46px !important; min-height: 46px; display: flex; align-items: center; padding: 0 10px; }
html.qxx-legacy-phone #FloatDiv .AlertTitleLeft { flex: 1; max-width: calc(100% - 44px); height: auto; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.qxx-legacy-phone #FloatDiv .AlertTitleRight { float: none; width: 44px; height: 44px; }
html.qxx-legacy-phone #FloatDiv .AClose { display: block; min-width: 44px; min-height: 44px; line-height: 44px; text-align: center; font-size: 25px; }
html.qxx-legacy-phone #FloatDiv .AlertContent { height: calc(100% - 46px) !important; min-height: 0 !important; padding: 0; }
html.qxx-legacy-phone #FloatDiv .AlertContentIn { height: 100% !important; padding: 0; }
html.qxx-legacy-phone #FloatDiv #IFrameAlert { display: block; width: 100% !important; height: 100% !important; }
html.qxx-legacy-phone .qxx-legacy-artdialog { position: fixed !important; inset: 8px !important; width: calc(100vw - 16px) !important; height: auto !important; max-height: calc(100dvh - 16px); overflow: auto; }
html.qxx-legacy-phone .aui_outer, html.qxx-legacy-phone .aui_inner, html.qxx-legacy-phone .aui_dialog, html.qxx-legacy-phone .aui_border { max-width: 100%; width: 100% !important; min-width: 0; }
html.qxx-legacy-phone .aui_content { width: 100% !important; height: auto !important; max-height: calc(100dvh - 130px); overflow: auto; padding: 8px !important; }
html.qxx-legacy-phone .aui_content iframe { width: 100% !important; max-width: 100%; height: calc(100dvh - 150px) !important; }
html.qxx-legacy-phone .aui_close { min-width: 36px; min-height: 36px; z-index: 2; }
html.qxx-legacy-phone .layui-layer { max-width: calc(100vw - 16px) !important; left: 8px !important; }
html.qxx-legacy-phone .layui-layer-content { max-height: calc(100dvh - 140px); overflow: auto !important; }
html.qxx-legacy-phone .modal { left: 8px !important; width: calc(100vw - 16px) !important; margin-left: 0 !important; top: 8px !important; max-height: calc(100dvh - 16px); overflow: auto; }
/* Legacy marking actions retain original scoring/annotation coordinates; paper scrolls. */
html.qxx-legacy-phone #content > .top { position: static !important; width: 100% !important; height: auto !important; min-height: 48px; overflow: hidden; }
html.qxx-legacy-phone .top_left, html.qxx-legacy-phone .top_right { width: 100% !important; height: auto !important; float: none !important; }
html.qxx-legacy-phone .top_left ul, html.qxx-legacy-phone .top_right ul { display: flex; flex-wrap: wrap; height: auto; margin: 0 !important; padding: 0; }
html.qxx-legacy-phone .top_left li, html.qxx-legacy-phone .top_right li { float: none; margin: 0 6px !important; height: auto; }
html.qxx-legacy-phone .top_left li a, html.qxx-legacy-phone .top_right li a { display: inline-block; min-height: 36px; padding: 7px 2px; line-height: 22px; }
html.qxx-legacy-phone #content > .main { display: flex; flex-direction: column; width: 100% !important; height: auto !important; min-height: 0; margin: 0; padding: 0; }
html.qxx-legacy-phone .left_sidebarerr { position: static !important; width: 100% !important; height: auto !important; max-height: 220px; overflow: auto; }
html.qxx-legacy-phone .left_sidebarerr > div { height: auto !important; min-height: 40px; }
html.qxx-legacy-phone .left_sidebarerr #selsub { width: 100% !important; }
html.qxx-legacy-phone #ultealist { max-height: 150px; overflow: auto !important; }
html.qxx-legacy-phone #ultealist ul { display: flex; flex-wrap: wrap; }
html.qxx-legacy-phone #ultealist li { width: auto !important; min-width: 70px; min-height: 36px; margin: 4px; }
html.qxx-legacy-phone #maindiv.main_content { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 60dvh !important; min-height: 300px; margin: 0; padding: 0; overflow: auto !important; }
html.qxx-legacy-phone #maindiv #div1 { position: relative !important; left: 0 !important; top: 0 !important; }
html.qxx-legacy-phone #divdf, html.qxx-legacy-phone #diverrtype { position: sticky !important; top: 0 !important; left: 0 !important; right: auto !important; display: inline-block; background: rgba(255,255,255,.9); padding: 4px 8px; width: auto !important; }
html.qxx-legacy-phone #divdf > span { font-size: 20px !important; }
html.qxx-legacy-phone .right_sidebar { position: static !important; float: none !important; width: 100% !important; height: auto !important; max-height: none; overflow: visible; margin: 10px 0; }
html.qxx-legacy-phone .right_sidebar > div { max-width: 100%; height: auto !important; min-height: 36px; }
html.qxx-legacy-phone .right_sidebar .num_list ul { display: flex; flex-wrap: wrap; }
html.qxx-legacy-phone .right_sidebar .num_list li { margin: 3px; }
html.qxx-legacy-phone .right_sidebar .num_list a, html.qxx-legacy-phone .right_sidebar .dfbtn a { display: inline-block; min-width: 40px; min-height: 40px; line-height: 40px; }
html.qxx-legacy-phone .right_sidebar textarea { width: calc(100% - 16px) !important; margin: 8px; }
html.qxx-legacy-phone .right_sidebar input.tijiao { width: calc(100% - 16px) !important; margin: 8px; }
html.qxx-legacy-phone .py_box, html.qxx-legacy-phone .tanc_box, html.qxx-legacy-phone .tanc1 { position: fixed !important; left: 8px !important; top: 8px !important; width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); overflow: auto !important; z-index: 9000; }
html.qxx-legacy-phone .tanc_tit { position: sticky; top: 0; z-index: 2; min-height: 40px; }
html.qxx-legacy-phone .tanc_tit em { min-width: 36px; min-height: 36px; }
html.qxx-legacy-phone .ycj_content, html.qxx-legacy-phone .py_table { width: 100% !important; max-width: 100%; overflow: auto; }
html.qxx-legacy-phone .py_table table { min-width: 380px; }
html.qxx-legacy-phone .py_table th, html.qxx-legacy-phone .py_table td { white-space: nowrap; word-break: normal; padding: 7px; }
html.qxx-legacy-phone .page-container, html.qxx-legacy-phone .wrapper-page { width: calc(100% - 24px) !important; max-width: 460px; margin: 30px auto !important; padding: 10px; }
html.qxx-legacy-phone .page-container form, html.qxx-legacy-phone .page-container form input, html.qxx-legacy-phone .page-container form button { width: 100% !important; max-width: 100%; }
html.qxx-legacy-phone .navbar-fixed-top { position: static; margin: 0; }
html.qxx-legacy-phone .navbar .container { padding: 5px; }
