html { font-size: 50px; } a { text-decoration: none; color: black; } a:hover { text-decoration: none; cursor: pointer; } /*a标签鼠标经过mouseover时的样式*/ a:link { text-decoration: none; cursor: pointer; } /*a标签未访问时的样式*/ a:visited { text-decoration: overline; cursor: pointer; } /*a标签访问过之后样式*/ a:active { text-decoration: overline; cursor: pointer; } /*a标签鼠标按下mousedown时的样式*/ /*图标css*/ .xxlink { width: 100%; background: #ffffff; display: flex; flex-wrap: wrap; justify-content: flex-start; border: 2px solid #ffffff; } .xxlink h3 { width: 95%; padding: 0 2.5%; font-size: 18px; line-height: 26px; background: #fff; margin-bottom: 12px; color: #000000; } .navi { font-size: 0; text-align: center; } .appico { width: 16%; margin: 5px 0px; height: auto; box-sizing: border-box; display: inline-block; position: relative; } .appico p { width: 100%; height: 19px; line-height: 22px; text-align: center; font-size: 11px; margin: 0; color: #000000; overflow: hidden; } .naicon { border-radius: 5px; overflow: hidden; font-size: 0; margin: 0.1px; } .appico img { border-radius: 1px; width: 100%; } .appico:hover .btn-raised { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24), 0 0 0 0 rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 0, 0, 0.22); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24), 0 0 0 0 rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 0, 0, 0.22); } .btnx { padding: 8px 2px !important; } @charset "UTF-8"; .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; box-shadow: 0 0 0.625em #d9d9d9; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .swal2-popup.swal2-toast .swal2-icon::before { display: flex; align-items: center; font-size: 2em; font-weight: 700; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-popup.swal2-toast .swal2-icon::before { font-size: 0.25em; } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 0.875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 0.3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 0.3125em; } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 0.3125em; } .swal2-popup.swal2-toast .swal2-styled { margin: 0 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.25em; left: 0.9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] { height: 0.3125em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show 0.5s; animation: swal2-toast-show 0.5s; } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide 0.1s forwards; animation: swal2-toast-hide 0.1s forwards; } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-toast-animate-success-line-tip 0.75s; animation: swal2-toast-animate-success-line-tip 0.75s; } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long 0.75s; animation: swal2-toast-animate-success-line-long 0.75s; } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; background-color: transparent; -webkit-overflow-scrolling: touch; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-left, .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-left, .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-bottom-end> :first-child, .swal2-container.swal2-bottom-left> :first-child, .swal2-container.swal2-bottom-right> :first-child, .swal2-container.swal2-bottom-start> :first-child, .swal2-container.swal2-bottom> :first-child { margin-top: auto; } .swal2-container.swal2-grow-fullscreen>.swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row>.swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top { align-items: center; } .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end; } .swal2-container.swal2-grow-column>.swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.4); } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: 0.3125em; background: #fff; font-family: inherit; font-size: 1rem; } .swal2-popup:focus { outline: 0; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-header { display: flex; flex-direction: column; align-items: center; } .swal2-title { position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: 0.46875em; padding: 0; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 0.25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 5px; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; } .swal2-styled { margin: 0.3125em; padding: 0.625em 2em; box-shadow: none; font-weight: 500; } .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; } .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em; } .swal2-styled:focus { outline: 0; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); } .swal2-styled::-moz-focus-inner { border: 0; } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em; } .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-close { position: absolute; z-index: 2; top: 0; right: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color 0.1s ease-out; border: none; border-radius: 0; outline: initial; background: 0 0; color: #ccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; } .swal2-close:hover { transform: none; background: 0 0; color: #f27474; } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: 400; line-height: normal; text-align: center; word-wrap: break-word; } .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea { margin: 1em auto; } .swal2-file, .swal2-input, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); color: inherit; font-size: 1.125em; } .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: 0; box-shadow: 0 0 3px #c4e6f5; } .swal2-file::-webkit-input-placeholder, .swal2-input::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder { color: #ccc; } .swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #ccc; } .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #ccc; } .swal2-file::-ms-input-placeholder, .swal2-input::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder { color: #ccc; } .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder { color: #ccc; } .swal2-range { margin: 1em auto; background: inherit; } .swal2-range input { width: 80%; } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } .swal2-input { height: 2.625em; padding: 0 0.75em; } .swal2-input[type="number"] { max-width: 10em; } .swal2-file { background: inherit; font-size: 1.125em; } .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: inherit; color: inherit; font-size: 1.125em; } .swal2-checkbox, .swal2-radio { align-items: center; justify-content: center; background: inherit; color: inherit; } .swal2-checkbox label, .swal2-radio label { margin: 0 0.6em; font-size: 1.125em; } .swal2-checkbox input, .swal2-radio input { margin: 0 0.4em; } .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666; font-size: 1em; font-weight: 300; } .swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: 0.25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-icon::before { display: flex; align-items: center; height: 92%; font-size: 3.75em; } .swal2-icon.swal2-error { border-color: #f27474; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f27474; } .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 1.0625em; transform: rotate(45deg); } .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 1em; transform: rotate(-45deg); } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .swal2-icon.swal2-warning::before { content: "!"; } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; } .swal2-icon.swal2-info::before { content: "i"; } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .swal2-icon.swal2-question::before { content: "?"; } .swal2-icon.swal2-question.swal2-arabic-question-mark::before { content: "؟"; } .swal2-icon.swal2-success { border-color: #a5dc86; } .swal2-icon.swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^="swal2-success-line"] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: #a5dc86; } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.875em; left: 0.875em; width: 1.5625em; transform: rotate(45deg); } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } .swal2-progress-steps { align-items: center; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600; } .swal2-progress-steps li { display: inline-block; position: relative; } .swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #3085d6; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step { background: #add8e6; color: #fff; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line { background: #add8e6; } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: 0.4em; margin: 0 -1px; background: #3085d6; } [class^="swal2"] { -webkit-tap-highlight-color: transparent; } .swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-rtl .swal2-close { right: auto; left: 0; } .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; } .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; } .swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; } .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; } .swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(50, 100, 150, 0.4); } } @-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0); } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0); } } @-webkit-keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @-webkit-keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @-webkit-keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @-webkit-keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-webkit-keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.875em; width: 1.5625em; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.875em; width: 1.5625em; } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @-webkit-keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0); opacity: 1; } } @-webkit-keyframes swal2-rotate-loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 0.625em * 2); background-color: transparent; } body.swal2-no-backdrop .swal2-shown>.swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start { top: 0; left: 0; } body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start { top: 50%; left: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start { bottom: 0; left: 0; } body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0; } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden="true"] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0; } body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0; left: 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: 0.3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .v-s-nav-box-h { float: left; width: 100%; background-color: #000; /* background-color:#ff4f6b; */ /* background-color:#ff4d03; */ /* background: linear-gradient(to right, #8e2bfa, #6b28ef); */ /* position:fixed; */ top: 0; left: 0; z-index: 99; -webkit-transition: all 0.4s; transition: all 0.4s; } .v-s-nav-box-hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .v-s-logo { float: left; width: auto; margin-right: 10px; margin-left: 10px; position: relative; } .v-s-logo img { max-width: 160px; height: 30px; } .v-s-logo-text { font-size: 22px; font-weight: 500; color: #fff; margin-left: 2px; } .v-s-ul-time-vs_442378ea5a0a0b9d99bed43dc146baa0 { float: left; width: 100%; /* margin-top: 2px; */ white-space: nowrap; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow: auto; position: relative; box-sizing: border-box; padding: 0px 10px; padding-bottom: 5px; } .v-s-ul-time-vs_442378ea5a0a0b9d99bed43dc146baa0 a { text-decoration: none; } .v-s-ul-time-vs_442378ea5a0a0b9d99bed43dc146baa0::-webkit-scrollbar { width: 0; height: 0; display: none; color: transparent; } .v-s-li-nav-link-vs_442378ea5a0a0b9d99bed43dc146baa0 { width: auto; height: 30px; color: rgba(255, 255, 255, 0.7); font-size: 16px; line-height: 30px; margin-right: 6px; display: inline-block; cursor: pointer; } .v-s-li-nav-link-vs_442378ea5a0a0b9d99bed43dc146baa0:hover { font-size: 16px; color: rgba(255, 255, 255, 1); font-weight: bold; } .nav-menu-selected { font-size: 16px; color: rgba(255, 255, 255, 1); font-weight: bold; } .v-s-nav-search-box { float: right; width: 150px; margin-right: 10px; white-space: nowrap; overflow: hidden; } .v-s-nav-search-box .search-input { float: left; font-size: 14px; color: #fff; width: 170px; height: 30px; line-height: 30px; padding: 0 10px; padding-right: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .v-s-nav-search-box .search-input::input-placeholder { color: rgba(255, 255, 255, 0.6); } .v-s-nav-search-box .search-input::-webkit-input-placeholder { /* WebKit browsers */ color: rgba(255, 255, 255, 0.6); } .v-s-nav-search-box .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.6); } .v-s-nav-search-box .search-input::-ms-input-placeholder { /* Internet Explorer 10+ */ color: rgba(255, 255, 255, 0.6); } .v-s-nav-search-box .search-btn { float: left; font-size: 22px; color: rgba(255, 255, 255, 1); width: auto; height: 35px; line-height: 35px; text-align: center; padding: 0px 8px; cursor: pointer; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .v-s-nav-search-box .search-btn:active { color: rgba(255, 255, 255, 0.6); } .v-s-nav-search-box .search-person { float: right; width: 35px; height: 35px; line-height: 35px; font-size: 22px; color: rgba(255, 255, 255, 1); margin-left: 12px; text-align: center; cursor: pointer; } .v-s-nav-search-box .search-person:active { color: rgba(255, 255, 255, 0.6); } .v-s-nav-search-box .search-person:active { color: rgba(255, 255, 255, 0.6); } .ad-nav-box { float: left; width: 100%; height: auto; box-sizing: border-box; margin: 6px 0; } .ad-nav-box img { width: 100%; } /* 子分类 */ .v-s-ul-category-tag { float: left; width: 100%; /* margin-top: 2px; */ white-space: nowrap; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow: auto; position: relative; box-sizing: border-box; padding: 0px 10px; } .v-s-ul-category-tag a { text-decoration: none; } .v-s-ul-category-tag::-webkit-scrollbar { width: 0; height: 0; display: none; color: transparent; } .v-s-li-nav-link-tag { width: auto; background: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 24px; margin-right: 6px; padding: 0px 8px; border-radius: 12px; margin-bottom: 5px; display: inline-block; cursor: pointer; } .v-s-li-nav-link-tag:active { color: rgba(255, 255, 255, 1); } .nav-category-tag-selected { color: #fff; background: rgba(255, 255, 255, 0.4); } .item-box .pre-eye { text-align: left !important; padding-left: 10px !important; } .item-box .rank-a { border-radius: 6px; } .rank-a .g-cornerMark-chunk{ position: absolute; top:0; right:0; width: .85333rem; overflow: hidden; white-space: nowrap; } .rank-a .tag-vip{ text-align: center; padding: 0 .10667rem; border-radius: 0 .10667rem; font-weight: 400; height: .37333rem; line-height: .37333rem; font-size: .29333rem; background: linear-gradient(270deg, #f90, #ffe600); color: #fff; } .scroll__outer { position: absolute; flex: 1; overflow: hidden; width: calc(100% - 40px); height: 20px; top: 5px; left: 30px; } .scroll__inner { position: absolute; left: 0; top: 0; transform: translate3d(0, 0, 0); display: flex; flex-direction: row; } .scroll__text { padding-right: 20px; white-space: nowrap; } .vs_dc3b5d1a3f59ee19cb5e6a4dbe162e0f-item-vide-n { float: left; width: calc(50% - 20px); height: auto; margin-top: 10px; margin-left: 13px; margin-bottom: 0px; position: relative; overflow: hidden; box-sizing: border-box; } .item-box .ran-box { padding: 10px 0px !important; } .fixed-right { position: fixed; bottom: 20%; right: 3px; z-index: 999999; } .sc-home,.sc-refresh{ display: block; background-color: var(--theme_btn); width: 40px; height: 40px; margin-bottom: 10px; text-align: center; border-radius: 6px; } .sc-home img,.sc-refresh img{ margin-top: 5px; width: 30px; height: 30px; } .x_tap_top { display: block; z-index: 99999999999; border-radius: 6px; background-color: #000; color: #fff; text-align: center; cursor: pointer; box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.12); width: 40px; height: 40px; line-height: 40px; font-size: 23px; margin-bottom: 10px; } .fload-zxcv-right-left { display: block; position: fixed; z-index: 99999999999; border-radius: 6px; overflow: hidden; text-align: center; cursor: pointer; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; } .fload-zxcv-right{ right: 3px; bottom: 250px; } .fload-zxcv-left{ left: 3px; bottom: 150px; } .footer-box { float: left; width: 100%; text-align: center; padding: 15px 0 30px; margin-bottom: 20px; } .searchhome .s-footer-tel, .searchhome .footer-box { color: #fff; } #fload-zxcv-xy { width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999999999999999; border: 2px solid blue; /* 蓝色边框 */ box-sizing: border-box; overflow: hidden; border-radius: 10px; } #close-btn, .p-screen-close { position: absolute; top: 0px; right: 0px; width: 25px; height: 20px; z-index: 99999999; background-color: rgba(0, 0, 0, 0.5); color: #fff; border-top-right-radius: 8px; border-bottom-left-radius: 12px; font-size: 12px; cursor: pointer; } #close-btn::before, #close-btn::after, .p-screen-close::before, .p-screen-close:after { content: ""; position: absolute; left: 5px; top: 8px; width: 18px; height: 2px; background-color: #fff; } #close-btn::before, .p-screen-close::before { transform: rotate(45deg); } #close-btn::after, .p-screen-close:after { transform: rotate(-45deg); } /* page :start */ .pagination-box { float: left; width: 100%; text-align: center; margin-top: 10px; } .pagination-box ul { margin-bottom: 10px !important; } /* 分页样式颜色 */ /* .pagination-box .pagination .page-item .page-link{ color: #6b28ef; } .pagination-box .pagination .active .page-link{ color: #fff; background-color: #6b28ef; border-color: #6b28ef; } */ .pagination-box .pagination .page-item input { width: 50px; text-align: center; } .page-link { user-select: none; } .page-link:focus { box-shadow: 0 0 0 0 !important; } .last_page_p { color: #666; margin-top: 6px; margin-left: 8px; } .jump-box { float: left; width: 100%; position: relative; top: 0px; box-sizing: border-box; text-align: center; } .jump-box input { float: left; width: 45%; height: 31px; text-align: center; margin-left: calc(25% - 25px); border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .jump-box input:hover { background-color: #fff; border: 1px solid #007bff; } .jump-box input:focus { text-shadow: 0; } .jump-box .btn { float: left; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 31px; margin: 0; font-size: 12px; } /* page end */ /* nvyoulist */ .pretty-options.show { display: block; } /* 直播 */ .live-item-wrap { width: 100%; } .barrage-item { position: absolute; white-space: nowrap; animation: none; /* Initial state without animation */ } @keyframes scroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-300%); } } /* 覆盖源css */ .item-box { margin-top: 0px; margin-bottom: 0px; } .custom-alert { position: fixed; top: 50px; right: -300px; /* 初始位置在屏幕右边 */ background-color: yellow; color: darkorange; padding: 15px; border: 1px solid darkorange; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); transition: right 0.5s ease-in-out; /* 添加平滑过渡效果 */ z-index: 99999999999999999; /* 设置高层级 */ } .custom-alert.show { right: 20px; /* 滑出到距离右边20px的位置 */ } .index-s-x-img-wrap { margin-bottom: 0px; } .dplayer-prent { position: relative; min-height: 4rem; } #dplayer , video{ max-height:4rem; } .dp-fullscreen video{ max-height:100vh; } .dplayer-prent .top-right-image { position: absolute; top: 0px; right: 0px; /* width: 118px; height: 42px; */ width: 1.45rem; height: 0.55rem; z-index: 10; } /* 根字体大小为16px */ :root { font-size: 16px; } /* PC端和默认样式 */ .floating-zxcv { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 37.5rem; /* 600px / 16 */ max-width: 600px; text-align: center; line-height: 5.25rem; /* 84px / 16 */ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; z-index: 9999999999; } .floating-zxcv img { height: 100%; width: 100%; } /* 手机端样式 */ @media (max-width: 600px) { .floating-zxcv { width: 100%; /* 360px / 16 */ height: 1.75rem; /* 84px / 16 */ } } /* 播放器遮挡层 */ .try-detail-video { display: none; padding-top: .5rem; background: rgba(0, 0, 0, .7); z-index: 999; font-weight: 400; font-size: .34667rem; line-height: .64rem; text-align: center; color: hsla(0, 0%, 100%, .8); height: 100%; justify-content: center; top: 0; left: 0; overflow: hidden; width: 100%; position: absolute; /* display: flex; */ align-items: center; font-family: Microsoft YaHei; } .try-detail-video .txt { font-size: .42667rem; color: #fff; margin: .21333rem auto; } .try-detail-video .loginTxt { display: block; margin-bottom: 0; font-size: .37333rem; line-height: .64rem; color: #999; } .try-detail-video .van-icon { font: .37333rem / 1 vant-icon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .try-detail-video .van-badge__wrapper, .van-icon { position: relative; display: inline-block; } .try-detail-video .BuyVipClass { margin : .21333rem auto 0; width: 3.4rem; height: .85333rem; line-height: .85333rem; color: #773011 !important; background: linear-gradient(90deg, #ffd54a, #ffa61e); border: none; } .benzhan-yumin{ color:red; } .fload-dipiao-zxcv{ position:fixed; bottom: 0; left:50%; transform: translate(-50%,0); background-color: #ffffff; z-index: 99999999; width: 100%; max-width: 600px; } .config-style-hide{ display: none; } .s-logo h1 , .s-logo p{ font-size: .25rem; margin-bottom: 0px; color: #ffffff; } .s-logo h1 { letter-spacing:5px; }