@charset "UTF-8";/*!
 * Version 1.0.0
 * kniu.min.js 样式。
 * Author:Buller
 * Date:2023-01-13 18:00
 */
:root {
--kniu_border0:#ccc;
--kniu_border1:#0000001a;
--kniu_border2:#ffffff3d;
--kniu_red:#dc3636;
--kniu_orange:#e17719;
--kniu_yellow:#bb8e00;
--kniu_green:#3f8300;
--kniu_green_light:#2e8800;
--kniu_green_text:#06ae56;
--kniu_brand:#018932;
--kniu_blue:#007dbb;
--kniu_indigo:#0075e2;
--kniu_purple:#6265f1;
--kniu_black:#000;
--kniu_white:#fff;
--kniu_gray0:#222;
--kniu_gray1:#333;
--kniu_gray2:#666;
--kniu_gray3:#888;
--kniu_gray4:#999;
--kniu_gray5:#c3c3c3;
--kniu_link:#576b95;
--kniu_mask0:#0009;
--kniu_mask1:#000000e6;
--kniu_readonly:#f3f3f3;
--kniu_table_hover:#f6f6f6;
--kniu_bg0:transparent;
--kniu_bg_active:#dcdcdc;
--kniu_a_hover:#fffc;
--APP:1920*1024px;
--PCS:1920*1024px;
--PCS768:1920*768px;
--PCS1024:1920*1024px;
--PCS1280:1920*1280px;
--PCS1366:1920*1366px;
--PCS1440:1920*1440px;
--PCS1600:1920*1600px;
--PCS1920:1920*1920px;
--kniu_vw:1024*100vw;
--kniu_vh:576*100vh
}
@media (min-width:calc(1024px - 60px)) {
:root {
--PCS:1920*100vw;
--kniu_vw:1920*100vw;
--kniu_vh:1080*100vh
}
}
*, ::after, ::before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box
}
a, abbr, address, article, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, html, iframe, img, input, ins, label, legend, li, object, ol, p, pre, q, select, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, ul {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	word-break: break-word
}
a, abbr, address, article, blockquote, body, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, label, legend, li, object, ol, p, pre, q, select, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none
}
input, textarea {
	user-select: auto;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	-o-user-select: auto;
	color: inherit
}
body, html {
	overflow: hidden;
	min-height: 100vh
}
html {
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: var(--kniu_bg0);
	font-size: 100%
}
body {
	position: relative;
	font: 400 calc(16/var(--PCS))/1 "Microsoft Yahei";
	text-align: left;
	background-color: var(--kniu_white);
	color: var(--kniu_gray1);
	animation: animated_fadeIn .3s ease-in;
	-webkit-animation: animated_fadeIn .3s ease-in
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, menu, nav, section, video {
	display: block
}
li {
	list-style: none
}
a:active, a:focus, a:visited, button:active, button:focus, button:visited, input:active, input:focus, input:visited {
	outline: 0
}
img {
	display: inline-block;
	vertical-align: middle;
	object-fit: cover;
	max-width: 100%;
	height: auto
}
a, a:active, a:hover {
	text-decoration: none;
	color: inherit
}
a {
	display: inline-block
}
button {
	background-color: var(--kniu_bg0)
}
button, input, select, textarea {
	font-size: inherit;
	font-family: inherit;
	cursor: inherit
}
textarea {
	overflow: hidden;
	overflow-y: auto;
	min-height: 150px;
	resize: none;
	font-family: inherit
}
button {
	cursor: pointer
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700
}
[v-cloak] {
display:none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
canvas {
	display: inline-block
}
.kniu_scroll_smooth {
	scroll-behavior: smooth
}
.kniu_last {
	zoom: 1
}
.kniu_measuring_tool, .kniu_occupied {
	content: none;
	z-index: -9;
	position: relative;
	display: block;
	border: 0!important;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	background-color: var(--kniu_bg0);
	opacity: 0
}
.kniu_opacity0 {
	z-index: -9!important;
	visibility: hidden!important;
	opacity: 0!important
}
.kniu_opacity1 {
	z-index: unset!important;
	visibility: visible!important;
	opacity: 1!important
}
.kniu_mask_fixed {
	z-index: 9;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_mask0)
}
.kniu_mask_absolute {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_bg0);
	opacity: 1
}
.kniu_over_hide {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden!important;
	width: 100%
}
.kniu_pointer {
	cursor: pointer;
	opacity: .8;
	transition: opacity .18s;
	-webkit-transition: opacity .18s;
	-moz-transition: opacity .18s;
	-ms-transition: opacity .18s;
	-o-transition: opacity .18s
}
.kniu_pointer:hover {
	opacity: 1
}
.kniu_activer:active {
	background-color: var(--kniu_table_hover)
}
.kniu_notallowed {
	cursor: not-allowed!important
}
.kniu_notevents {
	pointer-events: none!important
}
.kniu_animated_fadeIn {
	animation-name: animated_fadeIn;
	-webkit-animation-name: animated_fadeIn;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.kniu_animated_fadeOut {
	animation-name: animated_fadeOut;
	-webkit-animation-name: animated_fadeOut;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.kniu_animated_fadeInDown {
	animation-name: animated_fadeInDown;
	-webkit-animation-name: animated_fadeInDown;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeInDown {
0% {
opacity:0;
transform:translate3d(0, -100%, 0);
-webkit-transform:translate3d(0, -100%, 0);
-moz-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
-o-transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
}
.kniu_animated_fadeOutUp {
	animation-name: animated_fadeOutUp;
	-webkit-animation-name: animated_fadeOutUp;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
transform:translate3d(0, -100%, 0);
-webkit-transform:translate3d(0, -100%, 0);
-moz-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
-o-transform:translate3d(0, -100%, 0)
}
}
.kniu_animated_fadeInRight {
	animation-name: animated_fadeInRight;
	-webkit-animation-name: animated_fadeInRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeInRight {
0% {
opacity:0;
transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);
-moz-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-o-transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
}
.kniu_animated_fadeOutRight {
	animation-name: animated_fadeOutRight;
	-webkit-animation-name: animated_fadeOutRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);
-moz-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-o-transform:translate3d(100%, 0, 0)
}
}
.kniu_animated_fadeInUp {
	animation-name: animated_fadeInUp;
	-webkit-animation-name: animated_fadeInUp;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeInUp {
0% {
opacity:0;
transform:translate3d(0, 100%, 0);
-webkit-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
-o-transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
}
.kniu_animated_fadeOutDown {
	animation-name: animated_fadeOutDown;
	-webkit-animation-name: animated_fadeOutDown;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
transform:translate3d(0, 100%, 0);
-webkit-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
-o-transform:translate3d(0, 100%, 0)
}
}
.kniu_animated_fadeInLeft {
	animation-name: animated_fadeInLeft;
	-webkit-animation-name: animated_fadeInLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeInLeft {
0% {
opacity:0;
transform:translate3d(-100%, 0, 0);
-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
-o-transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
}
.kniu_animated_fadeOutLeft {
	animation-name: animated_fadeOutLeft;
	-webkit-animation-name: animated_fadeOutLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
transform:translate3d(-100%, 0, 0);
-webkit-transform:translate3d(-100%, 0, 0);
-moz-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
-o-transform:translate3d(-100%, 0, 0)
}
}
.kniu_animated_rotateUpRightCenter {
	animation-name: animated_rotateUpRightCenter;
	-webkit-animation-name: animated_rotateUpRightCenter;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_rotateUpRightCenter {
0% {
transform:rotateZ(-90deg);
-webkit-transform:rotateZ(-90deg);
-moz-transform:rotateZ(-90deg);
-ms-transform:rotateZ(-90deg);
-o-transform:rotateZ(-90deg)
}
100% {
transform:rotateZ(0);
-webkit-transform:rotateZ(0);
-moz-transform:rotateZ(0);
-ms-transform:rotateZ(0);
-o-transform:rotateZ(0)
}
}
.kniu_animated_rotateUpLeftCenter {
	animation-name: animated_rotateUpLeftCenter;
	-webkit-animation-name: animated_rotateUpLeftCenter;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_rotateUpLeftCenter {
0% {
transform:rotateZ(90deg);
-webkit-transform:rotateZ(90deg);
-moz-transform:rotateZ(90deg);
-ms-transform:rotateZ(90deg);
-o-transform:rotateZ(90deg)
}
100% {
transform:rotateZ(0);
-webkit-transform:rotateZ(0);
-moz-transform:rotateZ(0);
-ms-transform:rotateZ(0);
-o-transform:rotateZ(0)
}
}
.kniu_animated_zoomIn {
	animation-name: animated_zoomIn;
	-webkit-animation-name: animated_zoomIn;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_zoomIn {
0% {
opacity:0;
transform:scale3d(.1, .1, .1);
-webkit-transform:scale3d(.1, .1, .1);
-moz-transform:scale3d(.1, .1, .1);
-ms-transform:scale3d(.1, .1, .1);
-o-transform:scale3d(.1, .1, .1)
}
50% {
opacity:1
}
}
.kniu_animated_zoomOut {
	animation-name: animated_zoomOut;
	-webkit-animation-name: animated_zoomOut;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
transform:scale3d(.3, .3, .3);
-webkit-transform:scale3d(.3, .3, .3);
-moz-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
-o-transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.kniu_animated_scaling {
	animation: animated_scaling 20s linear infinite;
	-webkit-animation: animated_scaling 20s linear infinite
}
@keyframes animated_scaling {
50% {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2)
}
}
.kniu_animated_scale_back:hover {
	animation-name: animated_scale_back;
	-webkit-animation-name: animated_scale_back;
	animation-duration: .3s;
	-webkit-animation-duration: .3s
}
@keyframes animated_scale_back {
50% {
transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
}
.kniu_animated_lightSpeedInRight {
	animation-name: animated_lightSpeedInRight;
	-webkit-animation-name: animated_lightSpeedInRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out
}
@keyframes animated_lightSpeedInRight {
0% {
transform:translate3d(100%, 0, 0) skewX(-30deg);
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
-moz-transform:translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform:translate3d(100%, 0, 0) skewX(-30deg);
-o-transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
transform:skewX(20deg);
-webkit-transform:skewX(20deg);
-moz-transform:skewX(20deg);
-ms-transform:skewX(20deg);
-o-transform:skewX(20deg);
opacity:1
}
80% {
transform:skewX(-5deg);
-webkit-transform:skewX(-5deg);
-moz-transform:skewX(-5deg);
-ms-transform:skewX(-5deg);
-o-transform:skewX(-5deg)
}
100% {
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
}
.kniu_animated_lightSpeedInLeft {
	animation-name: animated_lightSpeedInLeft;
	-webkit-animation-name: animated_lightSpeedInLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out
}
@keyframes animated_lightSpeedInLeft {
0% {
transform:translate3d(-100%, 0, 0) skewX(30deg);
-webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
-moz-transform:translate3d(-100%, 0, 0) skewX(30deg);
-ms-transform:translate3d(-100%, 0, 0) skewX(30deg);
-o-transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
transform:skewX(-20deg);
-webkit-transform:skewX(-20deg);
-moz-transform:skewX(-20deg);
-ms-transform:skewX(-20deg);
-o-transform:skewX(-20deg);
opacity:1
}
80% {
transform:skewX(5deg);
-webkit-transform:skewX(5deg);
-moz-transform:skewX(5deg);
-ms-transform:skewX(5deg);
-o-transform:skewX(5deg)
}
100% {
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
}
.kniu_animated_bounce {
	animation-name: animated_bounce;
	-webkit-animation-name: animated_bounce;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	transform-origin: center bottom;
	-webkit-transform-origin: center bottom
}
@keyframes animated_bounce {
0% {
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
100%, 20%, 53%, 80% {
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0)
}
40%, 43% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -30px, 0);
-webkit-transform:translate3d(0, -30px, 0);
-moz-transform:translate3d(0, -30px, 0);
-ms-transform:translate3d(0, -30px, 0);
-o-transform:translate3d(0, -30px, 0)
}
70% {
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
transform:translate3d(0, -15px, 0);
-webkit-transform:translate3d(0, -15px, 0);
-moz-transform:translate3d(0, -15px, 0);
-ms-transform:translate3d(0, -15px, 0);
-o-transform:translate3d(0, -15px, 0)
}
90% {
transform:translate3d(0, -4px, 0);
-webkit-transform:translate3d(0, -4px, 0);
-moz-transform:translate3d(0, -4px, 0);
-ms-transform:translate3d(0, -4px, 0);
-o-transform:translate3d(0, -4px, 0)
}
}
.kniu_animated_jackInTheBox {
	animation-name: animated_jackInTheBox;
	-webkit-animation-name: animated_jackInTheBox;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}
@keyframes animated_jackInTheBox {
0% {
transform:scale(.1) rotate(30deg);
-webkit-transform:scale(.1) rotate(30deg);
-moz-transform:scale(.1) rotate(30deg);
-ms-transform:scale(.1) rotate(30deg);
-o-transform:scale(.1) rotate(30deg);
transform-origin:center bottom;
-webkit-transform-origin:center bottom;
opacity:0
}
50% {
transform:rotate(-10deg);
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg)
}
70% {
transform:rotate(3deg);
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg)
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:1
}
}
.kniu_animated_scale_stop {
	transition: transform .6s cubic-bezier(.6, 1, .6, 1);
	-webkit-transition: transform .6s cubic-bezier(.6, 1, .6, 1);
	-moz-transition: transform .6s cubic-bezier(.6, 1, .6, 1);
	-ms-transition: transform .6s cubic-bezier(.6, 1, .6, 1);
	-o-transition: transform .6s cubic-bezier(.6, 1, .6, 1)
}
.kniu_animated_scale_stop:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2)
}
.kniu_animated_light_black, .kniu_animated_light_white {
	overflow: hidden;
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex
}
.kniu_animated_light_black::after, .kniu_animated_light_white::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-110%) skewX(-45deg);
	-webkit-transform: translateX(-110%) skewX(-45deg);
	-moz-transform: translateX(-110%) skewX(-45deg);
	-ms-transform: translateX(-110%) skewX(-45deg);
	-o-transform: translateX(-110%) skewX(-45deg);
	animation-name: animated_light;
	-webkit-animation-name: animated_light;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}
.kniu_animated_light_white::after {
	background-image: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0) 40%, rgba(255,255,255,.8) 55%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0) 40%, rgba(255,255,255,.8) 55%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0) 40%, rgba(255,255,255,.8) 55%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);
	background-image: -moz- linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0) 40%, rgba(255,255,255,.8) 55%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%)
}
.kniu_animated_light_black::after {
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, rgba(0,0,0,.8) 55%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, rgba(0,0,0,.8) 55%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background-image: -o-linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, rgba(0,0,0,.8) 55%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background-image: -moz- linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 40%, rgba(0,0,0,.8) 55%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%)
}
@keyframes animated_light {
0% {
transform:translateX(-110%) skewX(-45deg);
-webkit-transform:translateX(-110%) skewX(-45deg);
-moz-transform:translateX(-110%) skewX(-45deg);
-ms-transform:translateX(-110%) skewX(-45deg);
-o-transform:translateX(-110%) skewX(-45deg)
}
100% {
transform:translateX(110%) skewX(-45deg);
-webkit-transform:translateX(110%) skewX(-45deg);
-moz-transform:translateX(110%) skewX(-45deg);
-ms-transform:translateX(110%) skewX(-45deg);
-o-transform:translateX(110%) skewX(-45deg)
}
}
.kniu_animated_shake_x {
	animation-name: animated_shake_x;
	-webkit-animation-name: animated_shake_x;
	animation-duration: 2s;
	-webkit-animation-duration: 2s
}
@keyframes animated_shake_x {
50% {
transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
-webkit-transform:translateX(0)
}
0%, 100% {
transform:translateX(3px);
-moz-transform:translateX(3px);
-ms-transform:translateX(3px);
-o-transform:translateX(3px);
-webkit-transform:translateX(3px)
}
}
.kniu_animated_shake_y {
	animation-name: animated_shake_y;
	-webkit-animation-name: animated_shake_y;
	animation-duration: 2s;
	-webkit-animation-duration: 2s
}
@keyframes animated_shake_y {
50% {
transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
-webkit-transform:translateY(0)
}
0%, 100% {
transform:translateY(3px);
-moz-transform:translateY(3px);
-ms-transform:translateY(3px);
-o-transform:translateY(3px);
-webkit-transform:translateY(3px)
}
}
.kniu_animated_infinite {
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}
.kniu_body_pcs {
	display: none
}
@media (min-width:calc(1024px - 60px)) {
.kniu_body_app {
display:none
}
.kniu_body_pcs {
display:inline
}
}
.kniu_height_auto {
	height: auto!important
}
.kniu_clearfix {
	zoom: 1
}
.kniu_clearfix::after {
	content: "";
	z-index: -1;
	position: relative;
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	opacity: 0
}
.kniu_hide, .kniu_none, [hidden], [type=hidden] {
display:none!important
}
.kniu_inline_block {
	display: inline-block!important
}
.kniu_block, .kniu_show {
	display: block!important
}
.kniu_inline_flex {
	display: inline-flex!important;
	display: -webkit-inline-flex!important
}
.kniu_flex {
	display: flex!important;
	display: -webkit-flex!important
}
.kniu_relative {
	position: relative!important
}
.kniu_absolute {
	position: absolute!important
}
.kniu_fixed {
	position: fixed!important
}
.kniu_table_row {
	display: table-row!important
}
.kniu_border {
	border: 1px solid var(--kniu_border1)
}
.kniu_border_top {
	border-top: 1px solid var(--kniu_border1)
}
.kniu_border_right {
	border-right: 1px solid var(--kniu_border1)
}
.kniu_border_bottom {
	border-bottom: 1px solid var(--kniu_border1)
}
.kniu_border_left {
	border-left: 1px solid var(--kniu_border1)
}
.kniu_border_0 {
	border: none!important
}
.kniu_radius_0 {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-ms-border-radius: 0!important;
	-o-border-radius: 0!important
}
.kniu_mt_5 {
	margin-top: calc(5/var(--PCS))!important
}
.kniu_mt_10 {
	margin-top: calc(10/var(--PCS))!important
}
.kniu_mt_15 {
	margin-top: calc(15/var(--PCS))!important
}
.kniu_mt_20 {
	margin-top: calc(20/var(--PCS))!important
}
.kniu_mt_25 {
	margin-top: calc(25/var(--PCS))!important
}
.kniu_mt_30 {
	margin-top: calc(30/var(--PCS))!important
}
.kniu_mt_35 {
	margin-top: calc(35/var(--PCS))!important
}
.kniu_mt_40 {
	margin-top: calc(40/var(--PCS))!important
}
.kniu_mt_45 {
	margin-top: calc(45/var(--PCS))!important
}
.kniu_mt_50 {
	margin-top: calc(50/var(--PCS))!important
}
.kniu_mt_55 {
	margin-top: calc(55/var(--PCS))!important
}
.kniu_mt_120 {
	margin-top: calc(120/var(--PCS))!important
}
.kniu_mr_30 {
	margin-right: calc(30/var(--PCS))!important
}
.kniu_mb_10 {
	margin-bottom: calc(10/var(--PCS))!important
}
.kniu_mb_20 {
	margin-bottom: calc(20/var(--PCS))!important
}
.kniu_mb_30 {
	margin-bottom: calc(30/var(--PCS))!important
}
.kniu_mb_40 {
	margin-bottom: calc(40/var(--PCS))!important
}
.kniu_mb_120 {
	margin-bottom: calc(120/var(--PCS))!important
}
.kniu_ml_10 {
	margin-left: calc(10/var(--PCS))!important
}
.kniu_ml_20 {
	margin-left: calc(20/var(--PCS))!important
}
.kniu_ml_30 {
	margin-left: calc(30/var(--PCS))!important
}
.kniu_pt_10 {
	padding-top: calc(10/var(--PCS))!important
}
.kniu_pt_20 {
	padding-top: calc(20/var(--PCS))!important
}
.kniu_pt_30 {
	padding-top: calc(30/var(--PCS))!important
}
.kniu_pt_40 {
	padding-top: calc(40/var(--PCS))!important
}
.kniu_pt_120 {
	padding-top: calc(120/var(--PCS))!important
}
.kniu_pb_10 {
	padding-bottom: calc(10/var(--PCS))!important
}
.kniu_pb_20 {
	padding-bottom: calc(20/var(--PCS))!important
}
.kniu_pb_30 {
	padding-bottom: calc(30/var(--PCS))!important
}
.kniu_pb_40 {
	padding-bottom: calc(40/var(--PCS))!important
}
.kniu_pb_120 {
	padding-bottom: calc(120/var(--PCS))!important
}
.kniu_mt_0 {
	margin-top: 0!important
}
.kniu_mr_0 {
	margin-right: 0!important
}
.kniu_mb_0 {
	margin-bottom: 0!important
}
.kniu_ml_0 {
	margin-left: 0!important
}
.kniu_pt_0 {
	padding-top: 0!important
}
.kniu_pr_0 {
	padding-right: 0!important
}
.kniu_pb_0 {
	padding-bottom: 0!important
}
.kniu_pl_0 {
	padding-left: 0!important
}
.kniu_text_right {
	text-align: right
}
.kniu_text_center {
	text-align: center
}
.kniu_text_left {
	text-align: left
}
.kniu_text_justify {
	text-align: justify
}
.fa-li {
	top: 0;
	line-height: inherit
}
.form-text-append {
	padding-left: 1.2rem
}
.form-text-prepend {
	display: inline-block;
	margin-bottom: 8px;
	padding-right: 20px
}
.form-check-label, .form-radio-label {
	position: relative;
	margin-bottom: 0
}
.form-text-prepend+.form-check-label+.form-check-label {
	padding-left: 40px
}
.form-file {
	position: relative;
	display: inline-block
}
.form-file .form-text-prepend {
	float: left;
	margin-bottom: 0;
	padding: 0;
	width: 20%;
	line-height: 38px
}
.form-file .custom-file {
	float: left;
	width: 80%
}
.form-file .custom-file-label input {
	padding-right: 5rem;
	width: 100%
}
.form-file .custom-file-label::after {
	content: none
}
.input-group-addon {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 1px solid #ced4da;
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
padding:.375rem .75rem;
	background-color: #e9ecef;
	color: #495057
}
.table td, .table th {
	vertical-align: middle;
	padding: 0 10px;
	height: 40px;
	line-height: 20px
}
.table thead th {
	vertical-align: middle;
	text-align: center;
	line-height: inherit
}
.table-bordered {
	border: none!important
}
.table-bordered tr:first-child th {
	border-top: none
}
.table-bordered td:first-child, .table-bordered th:first-child {
	border-left: none!important
}
.table-bordered td:last-child, .table-bordered th:last-child {
	border-right: none!important
}
.table-bordered tr:last-child td, .table-bordered tr:last-child th {
	border-bottom: none!important
}
.table tr:first-child th:first-child {
	border-top-left-radius: 0
}
.table tr:first-child th:last-child {
	border-top-right-radius: 0
}
.table tr:last-child td:first-child {
	border-bottom-left-radius: 0
}
.table tr:last-child td:last-child {
	border-bottom-right-radius: 0
}
.table-hover tbody tr:hover {
	background-color: var(--kniu_table_hover)
}
.kniu_swiper_group {
	background-color: var(--kniu_border0)
}
.kniu_swiper_group, .swiper {
	position: relative;
	width: 100%;
	height: 100%
}
.swiper {
	overflow: hidden
}
.swiper-slide {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.swiper-slide .kniu_img {
	/*height: 100%*/
}
.swiper-button-next, .swiper-button-prev, .swiper-pagination {
	z-index: 1;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none
}
.swiper-pagination {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: 5px
}
.swiper-pagination-bullet-active {
	background-color: var(--kniu_blue)
}
.swiper-pagination-vertical.swiper-pagination-bullets {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-top: 10px
}
.layui-form-radio {
	display: none
}
.kniu_w_per1 {
	width: 100%!important
}
.kniu_w_per2 {
	width: 50%!important
}
.kniu_w_per3 {
	width: calc(100%/3)!important
}
.kniu_w_per4 {
	width: 25%!important
}
.kniu_w_per5 {
	width: 20%!important
}
.kniu_h_per1 {
	height: 300px!important
}
.kniu_row {
	position: relative
}
.kniu_col, .kniu_col_per_10, .kniu_col_per_20, .kniu_col_per_25, .kniu_col_per_30, .kniu_col_per_40, .kniu_col_per_60, .kniu_col_per_70, .kniu_col_per_75, .kniu_col_per_90 {
	display: block;
	width: 100%
}
.kniu_col_space>*, .kniu_row+.kniu_row {
	margin-top: calc(30/var(--PCS))
}
.kniu_col {
	position: relative
}
.kniu_row_wrap {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap!important;
	-webkit-flex-flow: row wrap!important;
	-moz-flex-flow: row wrap!important;
	-ms-flex-flow: row wrap!important;
	-o-flex-flow: row wrap!important
}
.kniu_row_custom {
	margin: calc(-30/var(--PCS)) 0 0 calc(-30/var(--PCS))
}
.kniu_col_custom {
	margin: calc(30/var(--PCS)) 0 0 calc(30/var(--PCS));
	width: 100%
}
.kniu_col_app2>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*2)/ 2)
}
.kniu_col_app3>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*3)/ 3)
}
.kniu_row_group {
	zoom: 1
}
.kniu_row {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	margin: calc(-30 / var(--kniu_vw)) 0 0 calc(-30 / var(--kniu_vw))
}
.kniu_col {
	margin: calc(30 / var(--kniu_vw)) 0 0 calc(30 / var(--kniu_vw));
	width: 100%
}
.kniu_app_col3>.kniu_col {
width:calc((100% - 30 / var(--kniu_vw)* 3)/ 3)
}
@media (min-width:calc(1024px - 60px)) {
.kniu_col_space {
margin-left:calc(-30/var(--PCS))
}
.kniu_col_space>* {
margin-left:calc(30/var(--PCS))
}
.kniu_col_pcs3>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*3)/ 3)
}
.kniu_col_pcs4>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*4)/ 4)
}
.kniu_col_pcs5>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*5)/ 5)
}
.kniu_col_pcs6>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*6)/ 6)
}
.kniu_col_pcs7>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*7)/ 7)
}
.kniu_col_pcs8>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*8)/ 8)
}
.kniu_col_pcs9>.kniu_col_custom {
width:calc((100% - 30/var(--PCS)*9)/ 9)
}
.kniu_row {
display:flex;
display:-webkit-flex;
flex-flow:row nowrap;
-webkit-flex-flow:row nowrap;
-moz-flex-flow:row nowrap;
-ms-flex-flow:row nowrap;
-o-flex-flow:row nowrap
}
.kniu_col {
flex:1;
-webkit-flex:1;
-moz-flex:1;
-ms-flex:1;
-o-flex:1
}
.kniu_pcs_col2>.kniu_col {
flex:none;
-webkit-flex:none;
-moz-flex:none;
-ms-flex:none;
-o-flex:none;
width:calc((100% - 30 / var(--kniu_vw)* 2)/ 2)
}
.kniu_pcs_col5>.kniu_col {
width:calc((100% - 30 / var(--kniu_vw)* 5)/ 5)
}
.kniu_col_per_10 {
width:10%
}
.kniu_col_per_20 {
width:20%
}
.kniu_col_per_25 {
width:25%
}
.kniu_col_per_30 {
width:30%
}
.kniu_col_per_40 {
width:40%
}
.kniu_col_per_60 {
width:60%
}
.kniu_col_per_70 {
width:70%
}
.kniu_col_per_75 {
width:75%
}
.kniu_col_per_80 {
width:80%
}
.kniu_col_per_90 {
width:90%
}
.kniu_col_space>*, .kniu_row+.kniu_row {
margin-top:0
}
.kniu_h_per1 {
height:100%!important
}
.kniu_h_per2 {
height:50%
}
.kniu_h_per3 {
height:calc(100%/3)
}
.kniu_h_per4 {
height:calc(100%/4)
}
.kniu_h_per5 {
height:calc(100%/5)
}
.kniu_h_per6 {
height:calc(100%/6)
}
.kniu_h_per7 {
height:calc(100%/7)
}
.kniu_h_per8 {
height:calc(100%/8)
}
.kniu_h_per9 {
height:calc(100%/9)
}
.kniu_h_per10 {
height:calc(100%/10)
}
.kniu_h_per11 {
height:calc(100%/11)
}
.kniu_h_per12 {
height:calc(100%/12)
}
}
.kniu_text_ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.kniu_text_uppercase {
	text-transform: uppercase
}
.kniu_text_capitalize {
	text-transform: capitalize
}
.kniu_text_lowercase {
	text-transform: lowercase
}
.kniu_hover_underline:hover, .kniu_text_underline, .kniu_text_underline:hover {
	text-decoration: underline
}
.kniu_text_indent {
	text-indent: calc(33/var(--PCS))
}
.kniu_font_bold {
	font-weight: 700!important
}
.kniu_font_normal {
	font-weight: 400!important
}
.kniu_font_light {
	font-weight: 300!important
}
.kniu_font_italic {
	font-style: italic!important
}
.kniu_font_size_12 {
	font-size: 12px!important
}
.kniu_font_size_14 {
	font-size: calc(14/var(--PCS))!important
}
.kniu_font_size_16 {
	font-size: calc(16/var(--PCS))!important
}
.kniu_font_size_18 {
	font-size: calc(18/var(--PCS))!important
}
.kniu_font_size_20 {
	font-size: calc(20/var(--PCS))!important
}
.kniu_font_size_22 {
	font-size: calc(22/var(--PCS))!important
}
.kniu_font_size_24 {
	font-size: calc(24/var(--PCS))!important
}
.kniu_font_size_26 {
	font-size: calc(26/var(--PCS))!important
}
.kniu_font_size_30 {
	font-size: calc(30/var(--PCS))!important
}
.kniu_font_size_32 {
	font-size: calc(32/var(--PCS))!important
}
.kniu_font_size_36 {
	font-size: calc(36/var(--PCS))!important
}
.kniu_font_size_38 {
	font-size: calc(38/var(--PCS))!important
}
.kniu_font_size_40 {
	font-size: calc(40/var(--PCS))!important
}
.kniu_font_size_42 {
	font-size: calc(42/var(--PCS))!important
}
.kniu_font_size_46 {
	font-size: calc(46/var(--PCS))!important
}
.kniu_font_size_48 {
	font-size: calc(48/var(--PCS))!important
}
.kniu_font_size_58 {
	font-size: calc(58/var(--PCS))!important
}
.kniu_font_size_60 {
	font-size: calc(60/var(--PCS))!important
}
.kniu_font_size_72 {
	font-size: calc(72/var(--PCS))!important
}
.kniu_line_height_24 {
	line-height: calc(24/var(--PCS))!important
}
.kniu_line_height_26 {
	line-height: calc(26/var(--PCS))!important
}
.kniu_line_height_30 {
	line-height: 1.6!important
}
.kniu_line_height_32 {
	line-height: calc(32/var(--PCS))!important
}
.kniu_line_height_36 {
	line-height: calc(36/var(--PCS))!important
}
.kniu_line_height_48 {
	line-height: calc(48/var(--PCS))!important
}
.kniu_line_height_60 {
	line-height: calc(60/var(--PCS))!important
}
@media (min-width:calc(1280px - 60px)) {
.kniu_font_18 {
font-size:calc(18 / var(--kniu_vw))!important
}
}
.kniu_text_black {
	color: var(--kniu_black)!important
}
.kniu_text_white {
	color: var(--kniu_white)!important
}
.kniu_text_gray {
	color: var(--kniu_gray4)!important
}
.kniu_text_red {
	color: var(--kniu_red)!important
}
.kniu_text_orange {
	color: var(--kniu_orange)!important
}
.kniu_text_yellow {
	color: var(--kniu_yellow)!important
}
.kniu_text_green {
	color: var(--kniu_green)!important
}
.kniu_text_blue {
	color: var(--kniu_blue)!important
}
.kniu_text_indigo {
	color: var(--kniu_indigo)!important
}
.kniu_text_purple {
	color: var(--kniu_purple)!important
}
.kniu_bg_black {
	background-color: var(--kniu_black)!important
}
.kniu_bg_white {
	background-color: var(--kniu_white)!important
}
.kniu_bg_gray {
	background-color: var(--kniu_gray4)!important
}
.kniu_bg_red {
	background-color: var(--kniu_red)!important
}
.kniu_bg_orange {
	background-color: var(--kniu_orange)!important
}
.kniu_bg_yellow {
	background-color: var(--kniu_yellow)!important
}
.kniu_bg_green {
	background-color: var(--kniu_green)!important
}
.kniu_bg_blue {
	background-color: var(--kniu_blue)!important
}
.kniu_bg_indigo {
	background-color: var(--kniu_indigo)!important
}
.kniu_bg_purple {
	background-color: var(--kniu_purple)!important
}
.kniu_bg_transparent {
	background-color: var(--kniu_bg0)!important
}
.kniu_table_group {
	position: relative;
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	background-color: var(--kniu_white)
}
.kniu_table_bordered {
	border: 1px solid var(--kniu_border0)
}
.kniu_table {
	width: 100%;
	min-width: 1024px;
	text-align: center
}
.kniu_table>thead {
	background-color: var(--kniu_readonly);
	color: var(--kniu_gray1)
}
.kniu_table>tbody {
	color: var(--kniu_gray2)
}
.kniu_table>tbody>tr>td, .kniu_table>thead>tr>th {
	padding: 0;
	text-align: left
}
.kniu_table>tbody>tr>td+td, .kniu_table>tbody>tr>th+th, .kniu_table>thead>tr>td+td, .kniu_table>thead>tr>th+th {
	border-left: 1px solid var(--kniu_border0)
}
.kniu_table>tbody>tr>td:not(:last-child)[rowspan], .kniu_table>tbody>tr>th:not(:last-child)[rowspan], .kniu_table>thead>tr>td:not(:last-child)[rowspan], .kniu_table>thead>tr>th:not(:last-child)[rowspan] {
	border-right: 1px solid var(--kniu_border0)
}
.kniu_table>thead>tr {
	border-bottom: 1px solid var(--kniu_border0)
}
.kniu_table>tbody>tr:not(:first-child) {
	border-top: 1px solid var(--kniu_border0)
}
.kniu_table>tbody>tr {
	transition: background-color .13s ease-in;
	-webkit-transition: background-color .13s ease-in;
	-moz-transition: background-color .13s ease-in;
	-ms-transition: background-color .13s ease-in;
	-o-transition: background-color .13s ease-in
}
.kniu_table_size_lg .kniu_table_cell {
	min-height: 50px
}
.kniu_table_size_sm .kniu_table_cell {
	min-height: 35px
}
.kniu_table_border_row .kniu_table>tbody>tr>td, .kniu_table_border_row .kniu_table>tbody>tr>th, .kniu_table_border_row .kniu_table>thead>tr>td, .kniu_table_border_row .kniu_table>thead>tr>th {
	border-left: none
}
.kniu_table_border_row .kniu_table>tbody>tr>td:not(:last-child)[rowspan], .kniu_table_border_row .kniu_table>tbody>tr>th:not(:last-child)[rowspan], .kniu_table_border_row .kniu_table>thead>tr>td:not(:last-child)[rowspan], .kniu_table_border_row .kniu_table>thead>tr>th:not(:last-child)[rowspan] {
	border-right: none
}
.kniu_table_border_col .kniu_table>tbody>tr {
	border-top: none
}
.kniu_table_even .kniu_table>tbody>tr:nth-of-type(even) {
	background-color: var(--kniu_readonly)
}
.kniu_table_border_none {
	border: none!important
}
.kniu_table_border_none .kniu_table>tbody>tr, .kniu_table_border_none .kniu_table>tbody>tr>td, .kniu_table_border_none .kniu_table>tbody>tr>th, .kniu_table_border_none .kniu_table>thead>tr>td, .kniu_table_border_none .kniu_table>thead>tr>th {
	border-top: none!important;
	border-left: none!important
}
.kniu_table_border_none .kniu_table>tbody>tr>td:not(:last-child)[rowspan], .kniu_table_border_none .kniu_table>tbody>tr>th:not(:last-child)[rowspan], .kniu_table_border_none .kniu_table>thead>tr>td:not(:last-child)[rowspan], .kniu_table_border_none .kniu_table>thead>tr>th:not(:last-child)[rowspan] {
	border-right: none
}
.kniu_table>tbody>tr:hover {
	background-color: var(--kniu_readonly)!important;
	cursor: default
}
.kniu_operatings {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_operating {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	white-space: nowrap;
	color: var(--kniu_gray2)
}
.kniu_operating:hover {
	text-decoration: none;
	color: var(--kniu_blue)
}
.kniu_operating_img {
	display: inline-block;
	width: calc(23/var(--PCS));
	height: calc(23/var(--PCS));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	background-color: transparent
}
.kniu_operating+.kniu_operating {
	margin-left: calc(10/var(--PCS))
}
.kniu_operating_img~.kniu_operating_text, .kniu_operating_text~.kniu_operating_img {
	margin-left: calc(5/var(--PCS))
}
.kniu_table_sort_group {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	white-space: nowrap
}
.kniu_table_sort {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	margin-left: 5px
}
.kniu_table_sort_down, .kniu_table_sort_up {
	min-width: 10px;
	max-width: 10px;
	opacity: .3
}
.kniu_table_sort_active, .kniu_table_sort_down:hover, .kniu_table_sort_up:hover {
	opacity: 1;
	cursor: pointer
}
.kniu_table_cell {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 5px 10px;
	width: auto;
	min-height: 40px;
	line-height: 1.6
}
thead .kniu_table_cell {
	white-space: nowrap
}
.kniu_table_input {
	width: 100%;
	text-align: left;
	background-color: transparent
}
.kniu_table [type=checkbox]~.kniu_form_text::before {
	margin-right: 0
}
.kniu_table_group.kniu_check_group {
	display: block
}
.kniu_table_group .kniu_page_group {
	border-top: 1px solid var(--kniu_border0);
	margin-top: 0;
	width: 100%
}
.kniu_img {
	width: 100%
}
.kniu_rounded {
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS))
}
.kniu_rounded_circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}
.kniu_img_thumbnail {
	border: 1px solid var(--kniu_gray4);
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	padding: calc(3/var(--PCS));
	background-color: var(--kniu_white)
}
.kniu_img_circle {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%
}
.kniu_jumbotron {
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	padding: calc(15/var(--PCS));
	background-color: #e9e9e9
}
.kniu_alert {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 1px solid var(--kniu_gray4);
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	padding: calc(15/var(--PCS));
	background-color: #e9e9e9
}
.kniu_btn .badge {
	top: 0
}
.kniu_btn_wraper {
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_btn {
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 1px solid var(--kniu_bg0);
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	padding: 0 calc(20/var(--PCS));
	min-width: calc(30/var(--PCS));
	min-height: calc(30/var(--PCS));
	width: auto;
	height: auto;
	font-size: calc(14/var(--PCS));
	white-space: nowrap;
	text-decoration: none;
	background-color: var(--kniu_blue);
	color: var(--kniu_white);
	cursor: pointer
}
.kniu_btn[type=image] {
	padding: 0;
	background-color: var(--kniu_bg0)
}
.kniu_icon_change, .kniu_icon_change::after, .kniu_icon_change::before {
	color: var(--kniu_gray4);
	transition: background-image .3s, color .3s;
	-webkit-transition: background-image .3s, color .3s;
	-moz-transition: background-image .3s, color .3s;
	-ms-transition: background-image .3s, color .3s;
	-o-transition: background-image .3s, color .3s
}
.kniu_icon_change:hover {
	color: var(--kniu_white)
}
.kniu_icon_left {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_icon_left::before, .kniu_icon_right::after {
	content: "";
	display: block;
	width: 22px;
	height: 16px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-eye" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%
}
.kniu_icon_change:hover::after, .kniu_icon_change:hover::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" class="bi bi-eye-fill" viewBox="0 0 16 16"><path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/><path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/></svg>')
}
.kniu_icon_left::before {
	margin-right: calc(5/var(--PCS))
}
.kniu_icon_right::after {
	margin-left: calc(5/var(--PCS))
}
.kniu_btn+.kniu_btn, .kniu_file_path+.kniu_btn {
	margin-left: calc(10/var(--PCS))
}
.kniu_file_imgs {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_file_img_group {
	overflow: hidden;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: calc(150/var(--PCS));
	height: calc(150/var(--PCS));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-color: var(--kniu_table_hover)
}
.kniu_file_img {
	width: 100%
}
.kniu_file_photo_group, .kniu_file_prephoto {
	overflow: hidden;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_file_prephoto {
	position: relative
}
.kniu_file_photo_group {
	border: 1px solid #fff;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	width: calc(100/var(--PCS));
	height: calc(100/var(--PCS));
	background-color: var(--kniu_table_hover)
}
.kniu_file_photo {
	max-width: none;
	width: auto;
	height: 100%
}
.kniu_file_prephoto .kniu_file_icon {
	width: calc(10/var(--PCS))
}
.kniu_btn:hover {
	color: var(--kniu_white)
}
.kniu_btn:active {
	opacity: .8
}
.kniu_btn_input {
	overflow: hidden;
	padding: 0
}
.kniu_btn_radius {
	padding: 0 calc(20/var(--PCS));
	border-radius: calc(20/var(--PCS));
	-webkit-border-radius: calc(20/var(--PCS));
	-moz-border-radius: calc(20/var(--PCS));
	-ms-border-radius: calc(20/var(--PCS));
	-o-border-radius: calc(20/var(--PCS))
}
.kniu_btn_group {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	margin-top: calc(20/var(--PCS))
}
.kniu_btn_block {
	display: flex;
	display: -webkit-flex;
	padding: 0;
	width: 100%
}
.kniu_btn_gradient {
	border: 1px solid var(--kniu_border0);
	background-image: linear-gradient(var(--kniu_border0), var(--kniu_border0));
	background-image: -webkit-linear-gradient(var(--kniu_border0), var(--kniu_border0));
	background-image: -moz-linear-gradient(var(--kniu_border0), var(--kniu_border0));
	background-image: -o-linear-gradient(var(--kniu_border0), var(--kniu_border0))
}
.kniu_btn_gradient:hover {
	border-color: var(--kniu_border0);
	background-image: linear-gradient(var(--kniu_border0), var(--kniu_border0));
	background-image: -webkit-linear-gradient(var(--kniu_border0), var(--kniu_border0));
	background-image: -moz-linear-gradient(var(--kniu_border0), var(--kniu_border0));
	background-image: -o-linear-gradient(var(--kniu_border0), var(--kniu_border0))
}
.kniu_btn_outline {
	border: 1px solid var(--kniu_gray4);
	background-color: var(--kniu_white);
	color: var(--kniu_gray1);
	transition: border-color .3s, background-color .3s, color .3s;
	-webkit-transition: border-color .3s, background-color .3s, color .3s;
	-moz-transition: border-color .3s, background-color .3s, color .3s;
	-ms-transition: border-color .3s, background-color .3s, color .3s;
	-o-transition: border-color .3s, background-color .3s, color .3s
}
.kniu_btn_outline:hover {
	border-color: var(--kniu_blue);
	background-color: var(--kniu_blue);
	color: var(--kniu_white)
}
.kniu_file {
	overflow: hidden
}
.kniu_file_input {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	width: 300%;
	height: 100%;
	cursor: pointer;
	opacity: 0
}
.kniu_file_path {
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding-left: calc(10/var(--PCS));
	font-size: 14px;
	color: #666
}
.kniu_disabled, .kniu_disabled:hover, :disabled, [disabled] {
border-color:var(--kniu_border0)!important;
background-color:var(--kniu_readonly)!important;
color:var(--kniu_gray3)!important;
pointer-events:none;
cursor:not-allowed!important;
opacity:.6!important
}
.kniu_disabled2, .kniu_disabled2:hover {
	pointer-events: none;
	cursor: not-allowed!important;
	opacity: .6!important
}
.kniu_disabled3, .kniu_disabled3:hover {
	pointer-events: none;
	cursor: not-allowed!important
}
[type=checkbox]:disabled~.kniu_form_text, [type=checkbox][disabled]~.kniu_form_text, [type=radio]:disabled~.kniu_form_text, [type=radio][disabled]~.kniu_form_text {
color:var(--kniu_gray3)!important;
pointer-events:none;
cursor:not-allowed!important;
opacity:.6!important
}
.kniu_btn_fixed {
	z-index: 2;
	position: fixed;
	top: 10px;
	right: 10px;
	margin: 0
}
.kniu_btn_group_horizontal, .kniu_btn_group_vertical {
	display: inline-flex;
	display: -webkit-inline-flex
}
.kniu_btn_group_horizontal .kniu_btn:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.kniu_btn_group_horizontal .kniu_btn:not(:first-child), .kniu_btn_group_horizontal .kniu_btn:not(:first-child):not(:last-child), .kniu_btn_group_vertical .kniu_btn:not(:first-child), .kniu_btn_group_vertical .kniu_btn:not(:first-child):not(:last-child) {
	margin-left: 0
}
.kniu_btn_group_horizontal .kniu_btn:not(:first-child):not(:last-child), .kniu_btn_group_vertical .kniu_btn:not(:first-child):not(:last-child) {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0
}
.kniu_btn_group_horizontal .kniu_btn:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.kniu_btn_group_vertical {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_btn_group_vertical .kniu_btn:not(:last-child) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.kniu_btn_group_vertical .kniu_btn:not(:first-child) {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
.kniu_badge_group {
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_badge {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 3px 6px;
	font-size: 12px;
	white-space: nowrap;
	background-color: #666;
	color: var(--kniu_white)
}
.kniu_badge+.kniu_badge, .kniu_badge_title+.kniu_badge {
	margin-left: 5px
}
.kniu_badge_out>.kniu_badge {
	position: absolute;
top:-.5rem;
right:-.5rem
}
.kniu_progress {
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	height: 16px;
	line-height: 16px;
	background-color: var(--kniu_border0)
}
.kniu_progress_bar {
	position: relative;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	width: 0;
	max-width: 100%;
	height: 100%;
	background-color: var(--kniu_gray1);
	transition: width .3s ease-in;
	-webkit-transition: width .3s ease-in;
	-moz-transition: width .3s ease-in;
	-ms-transition: width .3s ease-in;
	-o-transition: width .3s ease-in
}
.kniu_progress_text {
	position: absolute;
	top: 0;
	right: 10px;
	overflow: hidden;
	width: auto;
	height: 100%;
	text-align: right;
	color: var(--kniu_white)
}
.kniu_progress_text_top {
	position: absolute;
	top: -16px;
	right: 0;
	color: var(--kniu_gray1)
}
.kniu_progress, .kniu_progress_group {
	font-size: 12px
}
.kniu_progress_group {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	height: 16px
}
.kniu_progress_group::after {
	z-index: -1;
	position: relative;
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	opacity: 0
}
.kniu_progress_group>.kniu_progress, .kniu_progress_text_right {
	height: 100%
}
.kniu_progress_group>.kniu_progress {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	max-width: calc(100% - 40px)
}
.kniu_progress_text_right {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	min-width: 40px
}
.kniu_progress_striped, .kniu_progress_striped>.kniu_progress_bar {
	background-size: 20px 20px
}
.kniu_progress_striped {
	background-image: linear-gradient(-45deg, #e5f4f7 25%, var(--kniu_bg0) 25%, var(--kniu_bg0) 50%, #e5f4f7 50%, #e5f4f7 75%, var(--kniu_bg0) 75%, var(--kniu_bg0));
	background-color: #dfedf0
}
.kniu_progress_striped>.kniu_progress_bar {
	background-image: linear-gradient(-45deg, rgba(255,255,255,.15) 25%, var(--kniu_bg0) 25%, var(--kniu_bg0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, var(--kniu_bg0) 75%, var(--kniu_bg0));
	background-color: #1f7b51
}
.kniu_progress_animated>.kniu_progress_bar {
	animation: progress_animated 1s linear infinite;
	-webkit-animation: progress_animated 1s linear infinite
}
@keyframes progress_animated {
0% {
background-position:-20px 0
}
100% {
background-position:0 0
}
}
.kniu_progress_group>.kniu_progress_sm, .kniu_progress_sm {
	height: 6px;
	line-height: 6px
}
.kniu_page_group {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	margin-top: calc(20/var(--PCS));
	white-space: nowrap
}
.kniu_page, .kniu_page_link_group {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_page {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_page_link_group {
	min-width: calc(291.55/var(--PCS))
}
.kniu_page_body, .kniu_page_first, .kniu_page_head, .kniu_page_last, .kniu_page_link, .kniu_page_next, .kniu_page_next_icon, .kniu_page_prev, .kniu_page_prev_icon, .kniu_page_to_submit {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_page_first, .kniu_page_last, .kniu_page_link, .kniu_page_next, .kniu_page_prev, .kniu_page_to_input, .kniu_page_to_submit {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px
}
.kniu_page_first, .kniu_page_last, .kniu_page_link, .kniu_page_next, .kniu_page_prev, .kniu_page_to_input {
	min-width: 22px;
	height: 22px;
	background-color: var(--kniu_table_hover)
}
.kniu_page_first, .kniu_page_last, .kniu_page_link, .kniu_page_next, .kniu_page_prev {
	padding: 0 calc(10/var(--PCS))
}
.kniu_page_to_input {
	padding: 0 calc(5/var(--PCS));
	max-width: 22px;
	text-align: center
}
.kniu_page_first+.kniu_page_last, .kniu_page_first+.kniu_page_link_group, .kniu_page_first+.kniu_page_prev, .kniu_page_link+.kniu_page_link, .kniu_page_link_group+.kniu_page_last, .kniu_page_next, .kniu_page_next+.kniu_page_last, .kniu_page_prev+.kniu_page_first, .kniu_page_prev+.kniu_page_link_group, .kniu_page_to_input, .kniu_page_to_submit, .kniu_page_to_text {
	margin-left: calc(10/var(--PCS))
}
.kniu_page_body {
	margin-top: calc(10/var(--PCS))
}
.kniu_page_first.kniu_hide+.kniu_page_link_group, .kniu_page_prev.kniu_hide+.kniu_page_link_group {
	margin-left: 0
}
.kniu_page_num {
	margin: 0 calc(5/var(--PCS))
}
.kniu_page_first, .kniu_page_last, .kniu_page_next, .kniu_page_prev {
	font-weight: 700;
	font-family: monospace
}
.kniu_page_link_active, .kniu_page_link_active:hover, .kniu_page_to_submit {
	background-color: var(--kniu_blue);
	color: var(--kniu_white)
}
.kniu_page_to_submit {
	padding: calc(5/var(--PCS)) calc(10/var(--PCS));
	min-height: 22px
}
.kniu_page_to_submit:hover {
	color: var(--kniu_white)
}
.kniu_page_next.kniu_disabled, .kniu_page_prev.kniu_disabled {
	pointer-events: none
}
@media (min-width:calc(1024px - 60px)) {
.kniu_page {
flex-flow:row;
-webkit-flex-flow:row;
-moz-flex-flow:row;
-ms-flex-flow:row;
-o-flex-flow:row
}
.kniu_page_first, .kniu_page_last, .kniu_page_link, .kniu_page_next, .kniu_page_prev, .kniu_page_to_input {
min-width:33px;
height:33px
}
.kniu_page_to_input {
max-width:33px
}
.kniu_page_body {
margin:0 0 0 calc(10/var(--PCS))
}
.kniu_page_to_submit {
min-height:30px
}
}
.kniu_page_more {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	margin: calc(20/var(--PCS)) 0
}
.kniu_page_more_link {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 1px solid var(--kniu_border0);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 0 10px;
	min-height: 28px;
	font-size: 12px;
	white-space: nowrap;
	color: var(--kniu_gray4);
	transition: border-color .3s, background-color .3s, color .3s;
	-webkit-transition: border-color .3s, background-color .3s, color .3s;
	-moz-transition: border-color .3s, background-color .3s, color .3s;
	-ms-transition: border-color .3s, background-color .3s, color .3s;
	-o-transition: border-color .3s, background-color .3s, color .3s
}
.kniu_page_more_link:active, .kniu_page_more_link:hover {
	border-color: var(--kniu_gray4);
	background-color: var(--kniu_gray4);
	color: var(--kniu_white)
}
.kniu_page_more_link.kniu_disabled {
	border: 0;
	padding: 0;
	pointer-events: none;
	background-color: transparent!important
}
.kniu_lists_type01, .kniu_lists_type02>.kniu_lists {
	border: 1px solid var(--kniu_border0);
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS))
}
.kniu_lists_type01>.kniu_lists, .kniu_lists_type02>.kniu_lists {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: calc(15/var(--PCS))
}
.kniu_lists_type01>.kniu_lists+.kniu_lists {
	border-top: 1px solid var(--kniu_border0)
}
.kniu_lists_type02>.kniu_lists+.kniu_lists {
	margin-top: calc(15/var(--PCS))
}
.kniu_card {
	position: relative;
	width: 100%
}
.kniu_card+.kniu_card {
	margin-top: calc(30/var(--PCS))
}
.kniu_card_head {
	overflow: hidden;
	position: relative;
	height: 100%
}
.kniu_card_body {
	padding-top: calc(30/var(--PCS))
}
.kniu_card_img_bg {
	height: 100%
}
.kniu_card_img_bg>.kniu_card_body, .kniu_card_img_bg_sm>.kniu_card_head {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 100%;
	height: 100%
}
.kniu_card_img_bg_sm>.kniu_card_head {
	z-index: -1
}
.kniu_card_img_bg_sm>.kniu_card_head>.kniu_img {
	height: 100%
}
.kniu_card_img_bg>.kniu_card_body, .kniu_card_img_bg_sm>.kniu_card_body {
	padding-top: 0
}
.kniu_card_img_top>.kniu_card_head {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: auto;
	background-color: var(--kniu_table_hover)
}
.kniu_card_text_bg>.kniu_card_head {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.kniu_card_img_half_left>.kniu_card_head, .kniu_card_img_half_right>.kniu_card_head {
	overflow: visible
}
.kniu_card_img_half_left .kniu_text_group {
	text-align: left
}
.kniu_card_img_circle>.kniu_card_head {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 3px solid var(--kniu_bg0);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	width: 180px;
	height: 180px;
	transition: border-color .13s ease-in;
	-webkit-transition: border-color .13s ease-in;
	-moz-transition: border-color .13s ease-in;
	-ms-transition: border-color .13s ease-in;
	-o-transition: border-color .13s ease-in
}
.kniu_card_img_circle {
	display: inline-block;
	width: auto;
	height: auto;
	background-color: var(--kniu_bg0)
}
.kniu_card_img_circle:hover {
	color: var(--kniu_red)
}
.kniu_card_img_circle:hover>.kniu_card_head {
	border-color: var(--kniu_red)
}
.kniu_card_img_circle .kniu_img, .kniu_card_img_rounded .kniu_img {
	max-width: none;
	width: auto;
	height: 100%
}
.kniu_card_img_gradient, .kniu_card_img_under {
	overflow: hidden;
	display: block
}
.kniu_card_img_gradient>.kniu_card_body, .kniu_card_img_under>.kniu_card_body {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 0;
	padding: 10px;
	width: 100%;
	text-align: left;
	transform: translate(0, 100%) translate(0, calc(-44/var(--PCS)));
	-webkit-transform: translate(0, 100%) translate(0, calc(-44/var(--PCS)));
	-moz-transform: translate(0, 100%) translate(0, calc(-44/var(--PCS)));
	-ms-transform: translate(0, 100%) translate(0, calc(-44/var(--PCS)));
	-o-transform: translate(0, 100%) translate(0, calc(-44/var(--PCS)));
	background-color: rgba(255,255,255,.6);
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s
}
.kniu_card_img_gradient>.kniu_card_body {
	background-image: linear-gradient(linear, left top, left bottom, color-stop(0, var(--kniu_bg0)), color-stop(1, var(--kniu_mask1)));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--kniu_bg0)), color-stop(1, var(--kniu_mask1)));
	background-color: var(--kniu_bg0);
	color: #fff
}
.kniu_card_img_gradient:hover>.kniu_card_body, .kniu_card_img_under:hover>.kniu_card_body {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}
.kniu_card_img_gradient:hover .kniu_text_ellipsis, .kniu_card_img_under:hover .kniu_text_ellipsis {
	overflow: visible;
	text-overflow: inherit;
	white-space: inherit
}
.kniu_card_img_rounded {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	border-radius: calc(10/var(--PCS));
	-webkit-border-radius: calc(10/var(--PCS));
	-moz-border-radius: calc(10/var(--PCS));
	-ms-border-radius: calc(10/var(--PCS));
	-o-border-radius: calc(10/var(--PCS));
	padding: calc(30/var(--PCS));
	width: 100%;
	height: 100%;
	background-color: var(--kniu_table_hover)
}
.kniu_card_img_rounded>.kniu_card_head {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	width: calc(180/var(--PCS));
	height: calc(180/var(--PCS))
}
.kniu_card_img_rounded>.kniu_card_body {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	width: 100%
}
.kniu_card_img_slide {
	display: block;
	height: auto
}
.kniu_card_img_slide>.kniu_card_head {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	background-color: var(--kniu_border0)
}
.kniu_card_img_slide>.kniu_card_head::after, .kniu_card_img_slide>.kniu_card_head::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_mask0)
}
.kniu_card_img_slide>.kniu_card_head::before {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0)
}
.kniu_card_img_slide>.kniu_card_head::after {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%)
}
.kniu_card_img_slide:hover>.kniu_card_head::before {
	animation: animated_card_img_slide_before 1s;
	-webkit-animation: animated_card_img_slide_before 1s
}
@keyframes animated_card_img_slide_before {
0% {
width:0
}
100% {
width:100%
}
}
.kniu_card_img_slide:hover>.kniu_card_head::after {
	animation: animated_card_img_slide_after .3s;
	-webkit-animation: animated_card_img_slide_after .3s
}
@keyframes animated_card_img_slide_after {
0% {
transform:translateX(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0)
}
100% {
transform:translateX(100%);
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%)
}
}
.kniu_card_img_slide>.kniu_card_body {
	padding: calc(10/var(--PCS));
	text-align: left
}
@media (min-width:calc(1024px - 60px)) {
.kniu_card_body {
padding-top:0
}
.kniu_card+.kniu_card, .kniu_card_img_circle>.kniu_card_body {
margin-top:calc(30/var(--PCS))
}
.kniu_card_img_top>.kniu_card_body {
padding:calc(10/var(--PCS))
}
.kniu_card_img_bottom>.kniu_card_body {
margin-top:calc(10/var(--PCS))
}
.kniu_card_img_right>.kniu_card_body {
margin-right:calc(30/var(--PCS))
}
.kniu_card_img_left>.kniu_card_body {
margin-left:calc(30/var(--PCS))
}
.kniu_card_img_half_right>.kniu_card_head, .kniu_card_img_right>.kniu_card_head {
order:2;
-webkit-order:2;
-moz-order:2;
-ms-order:2;
-o-order:2
}
.kniu_card_img_half_right>.kniu_card_body, .kniu_card_img_right>.kniu_card_body {
order:1;
-webkit-order:1;
-moz-order:1;
-ms-order:1;
-o-order:1
}
.kniu_card_img_left>.kniu_card_head, .kniu_card_img_right>.kniu_card_head {
width:300px
}
.kniu_card_img_left>.kniu_card_body, .kniu_card_img_right>.kniu_card_body {
flex:1;
-webkit-flex:1;
-moz-flex:1;
-ms-flex:1;
-o-flex:1;
width:auto
}
.kniu_card_img_half_left>.kniu_card_body, .kniu_card_img_half_left>.kniu_card_head, .kniu_card_img_half_right>.kniu_card_body, .kniu_card_img_half_right>.kniu_card_head {
width:50%
}
.kniu_card_img_half_left .kniu_text_group, .kniu_card_img_half_right .kniu_text_group {
width:80%
}
.kniu_card_img_half_right .kniu_text_group {
margin-right:auto;
margin-left:0
}
.kniu_card_img_half_left .kniu_text_group {
margin-right:0;
margin-left:auto
}
.kniu_card_img_half_left .kniu_img_group, .kniu_card_img_half_right .kniu_img_group {
position:relative;
top:0;
width:50vw
}
.kniu_card_img_half_right .kniu_img_group {
left:0;
margin-right:-50vw
}
.kniu_card_img_half_left .kniu_img_group {
left:100%;
margin-left:-50vw
}
.kniu_card_img_half_left, .kniu_card_img_half_right, .kniu_card_img_left, .kniu_card_img_right {
display:flex;
display:-webkit-flex
}
.kniu_card_img_rounded+.kniu_card_img_rounded {
margin-top:0
}
.kniu_card_img_rounded .kniu_btn_group {
align-items:flex-end;
-webkit-align-items:flex-end;
-moz-align-items:flex-end;
-ms-align-items:flex-end;
-o-align-items:flex-end;
flex-grow:1;
-webkit-flex-grow:1;
-moz-flex-grow:1;
-ms-flex-grow:1;
-o-flex-grow:1
}
.kniu_card_img_rounded>.kniu_card_body {
display:flex;
display:-webkit-flex;
flex-flow:column;
-webkit-flex-flow:column;
-moz-flex-flow:column;
-ms-flex-flow:column;
-o-flex-flow:column
}
}
.kniu_right_center {
	text-align: right
}
.kniu_center_center {
	text-align: center
}
.kniu_left_center {
	text-align: left
}
@media (min-width:calc(1024px - 60px)) {
.kniu_right_center {
justify-content:flex-end;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
-ms-justify-content:flex-end;
-o-justify-content:flex-end;
align-items:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
text-align:right
}
.kniu_center_center {
justify-content:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
align-items:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center
}
.kniu_left_center {
justify-content:flex-start;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
-ms-justify-content:flex-start;
-o-justify-content:flex-start;
align-items:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center
}
.kniu_right_top {
justify-content:flex-end;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
-ms-justify-content:flex-end;
-o-justify-content:flex-end;
align-items:flex-start;
-webkit-align-items:flex-start;
-moz-align-items:flex-start;
-ms-align-items:flex-start;
-o-align-items:flex-start;
text-align:right
}
.kniu_left_top {
justify-content:flex-start;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
-ms-justify-content:flex-start;
-o-justify-content:flex-start;
align-items:flex-start;
-webkit-align-items:flex-start;
-moz-align-items:flex-start;
-ms-align-items:flex-start;
-o-align-items:flex-start;
text-align:left
}
.kniu_right_bottom {
justify-content:flex-end;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
-ms-justify-content:flex-end;
-o-justify-content:flex-end;
align-items:flex-end;
-webkit-align-items:flex-end;
-moz-align-items:flex-end;
-ms-align-items:flex-end;
-o-align-items:flex-end;
text-align:right
}
.kniu_left_bottom {
justify-content:flex-start;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
-ms-justify-content:flex-start;
-o-justify-content:flex-start;
align-items:flex-end;
-webkit-align-items:flex-end;
-moz-align-items:flex-end;
-ms-align-items:flex-end;
-o-align-items:flex-end;
text-align:left
}
.kniu_center_center, .kniu_left_bottom, .kniu_left_center, .kniu_left_top, .kniu_right_bottom, .kniu_right_center, .kniu_right_top {
display:flex;
display:-webkit-flex;
height:auto
}
.kniu_space_around {
display:flex;
display:-webkit-flex;
justify-content:space-around;
-webkit-justify-content:space-around;
-moz-justify-content:space-around;
-ms-justify-content:space-around;
-o-justify-content:space-around;
text-align:center
}
.kniu_space_between {
display:flex;
display:-webkit-flex;
justify-content:space-between;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
text-align:center
}
.kniu_flex_column {
display:flex;
display:-webkit-flex;
flex-flow:column;
-webkit-flex-flow:column;
-moz-flex-flow:column;
-ms-flex-flow:column;
-o-flex-flow:column
}
}
.kniu_collapse {
	position: relative
}
.kniu_collapse~.kniu_collapse {
	margin-top: calc(20/var(--PCS))
}
.kniu_collapse_head {
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 1px solid var(--kniu_border0);
	padding: 0 calc(10/var(--PCS));
	width: 100%;
	min-height: 28px;
	background-color: var(--kniu_border0);
	cursor: pointer
}
.kniu_collapse_head_cell {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_collapse_head_icon_on {
	width: 13px;
	height: 13px
}
.kniu_collapse_head_icon_no {
	width: 13px;
	height: 13px
}
.kniu_collapse_active .kniu_collapse_head_icon_on, .kniu_collapse_body, .kniu_collapse_head_icon_no {
	display: none
}
.kniu_collapse_body {
	border: 1px solid var(--kniu_border0);
	border-top: none;
	padding: calc(10/var(--PCS));
	width: 100%;
	animation: animated_fadeIn .3s ease-in;
	-webkit-animation: animated_fadeIn .3s ease-in
}
.kniu_collapse_active .kniu_collapse_body, .kniu_collapse_active .kniu_collapse_head_icon_no {
	display: block
}
.kniu_web {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	width: 100%;
	min-height: 100vh;
	height: 100%
}
.kniu_head_fixed+.kniu_web_body::before, .kniu_web_head {
	height: calc(90/var(--PCS))
}
.kniu_web_head {
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	background-color: var(--kniu_gray1);
	color: var(--kniu_white)
}
.kniu_head_fixed {
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}
.kniu_head_fixed+.kniu_web_body::before {
	z-index: -1;
	content: "";
	position: relative;
	display: block;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	background-color: transparent
}
.kniu_pcs_head {
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
	width: 960px;
	margin: 0 auto;
}
.kniu_head_cells, .kniu_head_cells>.kniu_container, .kniu_navs_group, .kniu_navs_group>.kniu_container {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_head_title {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_head_logo {
	max-width: none;
	width: auto;
	height: 70%
}
.kniu_head_name {
	font-size: 20px;
	white-space: nowrap
}
.kniu_head_logo+.kniu_head_name {
	margin-left: 10px
}
.kniu_head_exit {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_head_vertical_line {
	border-right: 1px solid var(--kniu_black);
	border-left: 1px solid var(--kniu_gray2);
	margin: 0 20px;
	width: 0;
	height: 100%
}
.kniu_head_user {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_head_user_icon {
	width: 26px
}
.kniu_head_user_name {
	margin-left: 5px
}
.kniu_head_layout {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s
}
.kniu_head_layout:hover {
	opacity: .6
}
.kniu_head_layout_icon {
	width: 28px
}
.kniu_head_layout_icon+.kniu_head_layout_text {
	margin-left: 5px
}
.kniu_web_foot {
	position: relative;
	padding: calc(20/var(--PCS)) 0;
	width: 100%;
	height: auto;
	background-color: var(--kniu_gray1);
	color: var(--kniu_white)
}
.kniu_foot_body+.kniu_foot_body, .kniu_foot_cells+.kniu_foot_cells {
	margin: calc(20/var(--PCS)) 0 0
}
.kniu_foot_cells {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	text-align: center
}
.kniu_foot_cell+.kniu_foot_cell {
	margin: 0 0 0 calc(20/var(--PCS))
}
.foot_icon1::before {
	width: calc(18/var(--PCS));
	height: calc(20/var(--PCS));
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAMAAAC3SZ14AAABm1BMVEUAAAA+OSxFMEFfVUTAmV2QdlWHdk4wLR3143Pqyl/nu1DhxnjTq2bDrGC7jlu0n2Gyk2ShfVWZZlZ3cVVWSE33pDncr2batFXRxHHBkkCjnGKeXzDlsE3txl3muFsABHgDAGTrvlnz1nHWHhcAAW7vzWTWYzTZSSlwdoPpx2b/0lj8xVTgplDWjkbdmUTUdjjrXyPXPiDTNyDLKBXREg7WAgjPAAIAEpBqe4zBvIOUj4EAAIDIsnqRiXbSwXTyy26wo2xaU2r+z2WPdGRzY2H/216TeFrOoVepjFTlwFPquFLrv0/Lmk7ZlE6Dbk7ysETeoETekESsg0O1gEHpgj7ThT3VkjzilDvpnDg5FDjgbjbdhTXtcTD1fy/QPynHVSe7TCbJPR+7ABD9LA/FBgaEj5kcPpdyhZSptJEXMInTvIejmYR8enlcX3jYzHf/723dtmnTtGX/4mP/vmDbvFjYnli0mVjNrFJgHlBODk7/2E3/tUn7n0b6xESBWDpMADmTYDZpAjbEazP8jizVdCh3TibiRh6xDg7EGApgHtUkAAAAHHRSTlMAHyo/oHBnENXLx8Gzo5uUkoF5VzbXvbuxoYN+JDxg3gAAAUlJREFUGNNN0FN3A2EQgOEv2yQ1k3q9sW3btlXbNn92NzlpT9+7eW5mzoBhI17vCPgXg7Ww/piYX2BBfzRTfn5V1Y5d5ZlfYUKBul4jNNxvc+cGMLoEud8oSivU9c5E0NSA7NaQSq+hdJqeysyzj9K0asGyn3pKraYM6kPe/jS9fXHPelk3NAvhtK7m4FkkHMAu2Yy+h1ZboKzIT32YOckCzKpzk9fKCduCRkWA75BFJphS3m1hna6gqcx1O7hJmp8G8ynPrvHp61urFTZeMBsJs8FcWubZwHD85hrHMZEfhWfB5EW86HQETK6rA7cIKSngScCdkMnfpf5baVJyJKnK4XEGfdh5OF/gEzDBJxVx8QktgBFExCiBIHwihZLiWJ9mx0gUJWAkopChKH9sDdCxlyeQKByBCSQ6vsIZPgz6yGRjwUwowehPP4/9P6hTiOELAAAAAElFTkSuQmCC)
}
.kniu_web_body {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	width: 100%
}
.kniu_web_wrapper {
	zoom: 1
}
.kniu_navs {
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_nav {
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%;
	color: var(--kniu_white)
}
.kniu_nav_active .kniu_nav_title {
	color: var(--kniu_red)
}
.kniu_nav_active .kniu_nav_title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--kniu_red);
	pointer-events: none;
	cursor: default
}
.kniu_nav_title {
	margin: 0 10px;
	padding: 0 10px;
	white-space: nowrap;
	cursor: pointer
}
.kniu_nav_dropdown {
	z-index: 2;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	min-width: 100%;
	width: auto;
	background-color: var(--kniu_gray1);
	animation: animated_nav_dropdown .3s;
	-webkit-animation: animated_nav_dropdown .3s
}
@keyframes animated_nav_dropdown {
0% {
opacity:0;
transform:translateY(30px);
-webkit-transform:translateY(30px);
-moz-transform:translateY(30px);
-ms-transform:translateY(30px);
-o-transform:translateY(30px)
}
100% {
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0)
}
}
.kniu_nav_sub_nav {
	position: relative
}
.kniu_nav_sub_dropdown {
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
	background-color: var(--kniu_gray1)
}
.kniu_nav:hover .kniu_nav_dropdown, .kniu_nav_sub_nav:hover .kniu_nav_sub_dropdown {
	display: block
}
.kniu_nav_link, .kniu_nav_sub_link, .kniu_nav_sub_title {
	display: block;
	padding: 10px 20px;
	width: auto;
	white-space: nowrap
}
.kniu_nav_link:hover, .kniu_nav_link_active, .kniu_nav_sub_link:hover, .kniu_nav_sub_title:hover {
	background-color: var(--kniu_black);
	color: var(--kniu_gray3)
}
.kniu_search, .kniu_search_icon_group {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_search {
	width: 260px;
	font-size: 14px
}
.kniu_search_icon_group {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	width: 100%;
	height: 30px;
	background-color: #fff;
	color: var(--kniu_gray3)
}
.kniu_search_icon_group::before {
	content: "";
	display: block;
	margin-right: 5px;
	width: 18px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABw0lEQVQ4ja3VP2hUQRDH8U8OPTjRTgKxECQIIkIEPcTWQDBCGk2R1sJ7jYWFClqIEFEktqJLwCqFYNTCQjSFlWAKQcR/IIo5sFIslQQEi93T42VfzJ3+mtnHm/2+2ZnZeQOtVktJDUzhKJoYxDKWsIA5LHacQwjl/aBWeh7DO9zCeILdwRPUcRLPcBdbs8SkDV3rE7iJH7iA6/hW8t+H6XSaERxCe62IxxL0Mw6kzWUoPMcRnMEwHhZF0agCNzCbIh3H6+oD/tY1XMFunK8CT2E7rq4T2tFFfMSpXNQ1MV8/xZz2ohXcwGaM5sBNMXe5nP5NC8k2c+BBfOoDSiw2DOXAy9jSJ7ie7PcceAm7+gTvSXZVL9fEPO0Qm79XHUv2cQ48l9bTPUKHcRwvQwivcuBF3BMvx+l1QjdhHhtxNufQudIFPmAGl/0pSlWkT7EX78UBVQn+Kg6UNziHtyn6EXGKbRPnSUjvOtCdmC+KYlUg3WOzjf24JPb2DF7gi9ivj9BK4MNiRzzARA4+kBn0xME0Kt6oIbFP22L1uwtVF3M9kT4yGUJYWQvci7Lw8h+kZ6UIJ5XS8s/gCvjt/wIuwe/j4C8ROXNY+bF+dAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% auto
}
.kniu_search_label {
	display: none;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	width: auto;
	height: 30px;
	background-color: var(--kniu_white)
}
.kniu_search_input {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	width: auto;
	height: 100%;
	background-color: var(--kniu_bg0);
	color: var(--kniu_gray1)
}
.kniu_search_clear {
	display: none;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	font-size: 16px;
	background-color: var(--kniu_gray3)
}
.kniu_search_cancel {
	display: none;
	margin-left: 5px
}
.kniu_search_clear, .kniu_search_clear:hover {
	color: var(--kniu_white)
}
.kniu_search_clear:active, .kniu_search_clear:hover {
	background-color: var(--kniu_gray2)
}
.kniu_search_show .kniu_search_icon_group {
	display: none
}
.kniu_search_show .kniu_search_label {
	display: flex;
	display: -webkit-flex
}
.kniu_search_show .kniu_search_cancel {
	display: block
}
.kniu_lang {
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	text-transform: uppercase;
	height: 100%
}
.kniu_lang::after {
	width: 10px;
	height: 6px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAMAAAB7LJ7rAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMA7wz142w3wMaLhHlhQQVzVi/ZsKqbkiciGxTOt0+lLZuwswAAALZJREFUKM9tkNcOwyAMAG3CHiFt9v7/v2xpiTLgxNvJ+GQwSlDMQkWng8Z9LzIP5VdbVuOeBWtmoed+oTlLF897KAn3Nc3Y2nNSAsDEjcDkZ2H4BD+IU/Lhi1k5ApFx7ebibrtqhINyqNr3Vb/baijh9L1t6DlPG9tHG9e/WENPy14E4OEXPKI9v9qYr//5KLVLbMhXMtxaqnWEFBLyEUN0HE7Wb0JsMStlckxr5ibIQ7g1xt6qPz6hG161P0emAAAAAElFTkSuQmCC)
}
.kniu_lang:hover::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAMAAAB7LJ7rAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA7g3E9IY35XhqI6hwYUC5mo9W4NmwGxQHzk8xLNiD9sYAAACwSURBVCjPbdHbCoUgFEXRdKt5razUbv7/b56zIajUST0NhCV2r6hwUjpBu3ZpUJyrIbWVXsoAGHU1j296nlZC1mnWW4Pj4YHlzIAfsVY6cCD5HwE+0EqFHVHRR3vSQk9llny3GFW4do9mthiny9H51Xd+nKedvZnt/ojPaL+Tx4r5SUgoFOdLke4rhT5X9cHi41xCjqi1j1boztlAcjMSlOu4B2T2/fDvgUvknjRD/gEZUBmhxh9xeQAAAABJRU5ErkJggg==)
}
.kniu_lang_text {
	zoom: 1
}
.kniu_lang_dropdown, .kniu_lang_title {
	color: var(--kniu_gray1)
}
.kniu_lang_title {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	line-height: 1
}
.kniu_lang_nation {
	margin-right: 5px
}
.kniu_lang_dropdown {
	z-index: 0;
	position: absolute;
	top: 100%;
	left: -10px;
	display: none;
	width: calc(100% + 20px);
	text-align: center;
	background-color: var(--kniu_gray1);
	animation: animated_nav_dropdown .3s;
	-webkit-animation: animated_nav_dropdown .3s
}
.kniu_lang:hover>.kniu_lang_dropdown {
	display: block
}
.kniu_lang_link {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 10px;
	color: var(--kniu_white)
}
.kniu_lang_link:hover {
	background-color: var(--kniu_black);
	color: var(--kniu_gray3)
}
@media (min-width:calc(1024px - 60px)) {
.kniu_web_foot {
justify-content:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center
}
.kniu_web_foot>.kniu_container {
justify-content:space-between;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
height:100%
}
.kniu_web_foot, .kniu_web_foot>.kniu_container {
display:flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center
}
.kniu_foot_body {
display:flex;
display:-webkit-flex;
justify-content:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
align-items:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center
}
.kniu_foot_body+.kniu_foot_body, .kniu_foot_cells+.kniu_foot_cells {
margin:0 0 0 calc(20/var(--PCS))
}
}
@media (min-width:calc(1280px - 60px)) {
.kniu_pcs_head {
display:block
}
}
.kniu_breadcrumbs {
	display: flex;
	display: -webkit-flex;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 15px;
	background-color: #e9ecef
}
.kniu_breadcrumb {
	display: flex;
	display: -webkit-flex
}
.kniu_breadcrumb+.kniu_breadcrumb {
	margin-left: calc(10/var(--PCS))
}
.kniu_breadcrumb+.kniu_breadcrumb::before {
	content: "/";
	display: block;
	margin-right: calc(10/var(--PCS))
}
.kniu_back_top_group {
	display: none
}
.kniu_back_top {
	z-index: 9;
	position: fixed;
	right: 2%;
	bottom: 18%;
	display: none;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	border: 1px solid var(--kniu_gray3);
	width: 50px;
	height: 50px;
	font-family: "Microsoft Yahei";
	background-color: var(--kniu_white);
	cursor: pointer;
	transition: border-color .18s, background-color .18s, color .18s;
	-webkit-transition: border-color .18s, background-color .18s, color .18s;
	-moz-transition: border-color .18s, background-color .18s, color .18s;
	-ms-transition: border-color .18s, background-color .18s, color .18s;
	-o-transition: border-color .18s, background-color .18s, color .18s
}
.kniu_back_top:active, .kniu_back_top:hover {
	border-color: var(--kniu_bg0);
	background-color: var(--kniu_black);
	color: var(--kniu_white)
}
@media (min-width:calc(1024px - 60px)) {
.kniu_back_top_group {
display:block
}
}
.kniu_marquees_group {
	overflow: hidden;
	width: 100%;
	height: auto
}
.kniu_marquees {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 200%;
	height: 100%
}
.kniu_marquee {
	display: inline-flex;
	display: -webkit-inline-flex;
	width: calc(100%/2);
	height: 100%;
	animation: marquee_animated 30s linear infinite;
	-webkit-animation: marquee_animated 30s linear infinite
}
@keyframes marquee_animated {
0% {
transform:translateX(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0)
}
100% {
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%)
}
}
@media (min-width:calc(1280px - 60px)) {
.kniu_marquees_group:hover .kniu_marquee {
animation-play-state:paused;
-webkit-animation-play-state:paused
}
}
.kniu_marquee_img_text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	background-color: var(--kniu_mask0);
	color: var(--kniu_white);
	transition: opacity .6s;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-ms-transition: opacity .6s;
	-o-transition: opacity .6s
}
.kniu_marquee_cell {
	overflow: hidden;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	width: auto;
	height: 100%
}
@media (min-width:calc(1280px - 60px)) {
.kniu_marquee_cell:hover>.kniu_marquee_img_text {
opacity:1
}
.kniu_marquee_cell:hover>.kniu_marquee_img {
transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3)
}
}
.kniu_marquee_img {
	width: 100%;
	transition: transform 1.8s;
	-webkit-transition: transform 1.8s;
	-moz-transition: transform 1.8s;
	-ms-transition: transform 1.8s;
	-o-transition: transform 1.8s
}
video {
	background-color: var(--kniu_black)
}
.kniu_video_group {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_black)
}
.kniu_video_url {
	display: none
}
.kniu_video_cover {
	width: 100%;
	height: 100%
}
.kniu_video_body {
	position: relative;
	width: 100%;
	height: 100%
}
.kniu_video_type2 .kniu_video {
	z-index: -9;
	position: relative;
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%
}
.kniu_video_type2 .kniu_video_cover {
	position: absolute;
	top: 0;
	left: 0;
	animation: animated_fadeIn .3s ease-in;
	-webkit-animation: animated_fadeIn .3s ease-in
}
.kniu_video_play {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	height: 100%
}
.kniu_video_start {
	width: calc(60/var(--PCS));
	cursor: pointer
}
.kniu_video_group.kniu_media_video_playing .kniu_video {
	z-index: inherit
}
.kniu_video_group.kniu_media_video_playing .kniu_video_cover {
	z-index: -9;
	opacity: 0;
	animation: video_cover_animated .8s ease-in-out;
	-webkit-animation: video_cover_animated .8s ease-in-out
}
@keyframes video_cover_animated {
0% {
z-index:1;
opacity:1
}
50% {
z-index:1;
opacity:.5
}
80% {
z-index:1;
opacity:.2
}
100% {
z-index:-9;
opacity:0
}
}
.kniu_video_group.kniu_media_video_playing .kniu_video_play, .kniu_video_icon2, .kniu_video_start:hover .kniu_video_icon1, video::-webkit-media-controls-fullscreen-button {
display:none
}
.kniu_video_start:hover .kniu_video_icon2 {
	display: block
}
.kniu_change_icon {
	cursor: pointer
}
.kniu_icon1, .kniu_icon2 {
	margin-right: 5px;
	animation: animated_fadeIn .13s;
	-webkit-animation: animated_fadeIn .13s
}
.kniu_change_icon:hover .kniu_icon1, .kniu_icon2 {
	display: none
}
.kniu_change_icon:hover .kniu_icon2 {
	display: inline-block
}
.kniu_field {
	border: 1px solid #ced4da;
	margin: calc(30/var(--PCS)) 0
}
.kniu_field_title {
	border: none;
	border-top: 1px solid #ced4da;
	width: 100%
}
.kniu_field>legend {
	margin-left: calc(100/var(--PCS));
	padding: 0 calc(10/var(--PCS));
	width: auto;
	font-size: calc(20/var(--PCS))
}
.kniu_code {
	border: 1px solid #0c1021;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-family: Consolas;
	background-color: #2e3436;
	color: var(--kniu_gray4)
}
.kniu_code_type2 {
	border-top: 0;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	padding: 0 5px;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	background-color: #0c1021;
	color: #28a745
}
.kniu_code_head, .kniu_code_t2head {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 10px;
	font-family: "Microsoft Yahei"
}
.kniu_code_t2head {
	border: 1px solid #0c1021;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	font-family: Consolas;
	background-color: #2e3436;
	color: var(--kniu_gray4)
}
.kniu_copy {
	width: 30px;
	height: 13px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" viewBox="0 0 16 16"><path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/></svg>');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%
}
.kniu_code_body {
	position: relative;
	overflow: hidden;
	overflow-x: auto;
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	padding-left: 40px;
	width: 100%;
	line-height: 20px;
	background-color: #0c1021
}
.kniu_code_body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	background-color: #2e3436
}
.kniu_code_body>li {
	position: relative;
	padding: 0 5px;
	font-size: calc(13/var(--PCS));
	list-style-type: decimal-leading-zero;
	color: #28a745
}
.kniu_user_select {
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text
}
.kniu_shuttle, .kniu_shuttle_center {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_shuttle_body, .kniu_shuttle_center, .kniu_shuttle_head {
	height: 185px
}
.kniu_shuttle_body, .kniu_shuttle_head {
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid var(--kniu_border0);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	width: 45%
}
.kniu_shuttle_center {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	width: 10%
}
.kniu_shuttle_next, .kniu_shuttle_prev {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border: 1px solid var(--kniu_border0);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	width: 30px;
	height: 30px;
	font-family: Consolas
}
.kniu_shuttle_prev {
	margin-top: 20px
}
.kniu_shuttle_label {
	display: block;
	border-bottom: 1px dashed var(--kniu_border0);
	width: 100%;
	cursor: pointer
}
.kniu_shuttle_input {
	display: none
}
.kniu_shuttle_text {
	padding: 10px;
	transition: background-color .3s, color .3s;
	-webkit-transition: background-color .3s, color .3s;
	-moz-transition: background-color .3s, color .3s;
	-ms-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s
}
.kniu_shuttle_input:checked+.kniu_shuttle_text {
	background-color: var(--kniu_blue);
	color: var(--kniu_white)
}
.kniu_timeline_y_cell {
	position: relative;
	padding-bottom: 2%;
	width: 100%
}
.kniu_timeline_y_cell:last-child {
	padding-bottom: 0
}
.kniu_timeline_y_cell:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: var(--kniu_gray4)
}
.kniu_timeline_y_cell:last-child::before {
	width: 0
}
.kniu_timeline_y_icon {
	position: absolute;
	top: 0;
	left: -5px;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	width: 21px;
	height: 21px;
	line-height: inherit;
	text-align: center;
	background-color: var(--kniu_white);
	color: var(--kniu_gray4);
	cursor: pointer
}
.kniu_timeline_y_active>.kniu_timeline_y_icon {
	left: -2px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	background-color: var(--kniu_gray4);
	transition: background-color .3s ease-in, color .3s ease-in;
	-webkit-transition: background-color .3s ease-in, color .3s ease-in;
	-moz-transition: background-color .3s ease-in, color .3s ease-in;
	-ms-transition: background-color .3s ease-in, color .3s ease-in;
	-o-transition: background-color .3s ease-in, color .3s ease-in
}
.kniu_timeline_y_active>.kniu_timeline_y_icon::before {
	content: none
}
.kniu_timeline_y_active>.kniu_timeline_y_icon:hover {
	background-color: #cc3939
}
.kniu_timeline_y_icon:hover {
	color: #cc3939
}
.kniu_timeline_y_body {
	padding-left: 20px
}
@media (min-width:640px) {
.kniu_timeline_y_body {
	padding-left: 2%
}
}
.kniu_timeline_x {
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
	height: 300px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none
}
.kniu_timeline_x_body {
	position: relative;
	width: auto;
	height: 100%
}
.kniu_timeline_x_line {
	position: absolute;
	top: 137px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #4b4b4d
}
.kniu_timeline_x_even, .kniu_timeline_x_odd {
	position: absolute;
	left: 0;
	padding: 15px;
	width: 370px;
	height: 115px;
	background-color: #eceded;
	cursor: pointer
}
.kniu_timeline_x_odd {
	top: 0
}
.kniu_timeline_x_even {
	top: 160px;
	left: 200px
}
.kniu_timeline_x_even::after, .kniu_timeline_x_even::before, .kniu_timeline_x_odd::after, .kniu_timeline_x_odd::before {
	content: "";
	position: absolute
}
.kniu_timeline_x_even::before, .kniu_timeline_x_odd::before {
	left: 15px;
	border-style: solid;
	width: 0;
	height: 0
}
.kniu_timeline_x_odd::before {
	bottom: -10px;
	border-width: 10px 7.5px 0;
	border-color: #eceded var(--kniu_bg0) var(--kniu_bg0)
}
.kniu_timeline_x_even::before {
	top: -10px;
	bottom: 0;
	border-width: 0 7.5px 10px;
	border-color: var(--kniu_bg0) var(--kniu_bg0) #eceded
}
.kniu_timeline_x_even::after, .kniu_timeline_x_odd::after {
	left: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #4b4b4d
}
.kniu_timeline_x_odd::after {
	bottom: -28px
}
.kniu_timeline_x_even::after {
	top: -28px;
	bottom: 0
}
.kniu_trees {
	display: block
}
.kniu_tree+.kniu_tree, .kniu_tree_body>.kniu_tree {
	padding-top: 10px
}
.kniu_tree_head {
	position: relative;
	display: inline-flex;
	display: -webkit-inline-flex
}
.kniu_tree_checks:hover, .kniu_tree_head:hover, .kniu_tree_title:hover {
	cursor: pointer
}
.kniu_tree_head:hover {
	text-decoration: underline
}
.kniu_tree_icon_1, .kniu_tree_icon_2 {
	margin-right: 5px;
	width: 13px;
	height: 13px
}
.kniu_tree_body {
	animation: animated_fadeIn .3s ease-in;
	-webkit-animation: animated_fadeIn .3s ease-in
}
.kniu_tree_body::before, .kniu_tree_body>.kniu_tree::after, .kniu_tree_body>.kniu_tree::before {
	content: "";
	position: absolute;
	left: calc(13px/2);
	display: block
}
.kniu_tree_checks, .kniu_tree_opens {
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_tree_body, .kniu_tree_checkbox:checked~.kniu_tree_icon_1, .kniu_tree_checks>.kniu_tree_icon_2, .kniu_tree_head_active>.kniu_tree_opens>.kniu_tree_icon_1, .kniu_tree_opens>.kniu_tree_icon_2 {
	display: none
}
.kniu_tree_checkbox:checked~.kniu_tree_icon_2, .kniu_tree_checks>.kniu_tree_icon_1, .kniu_tree_head_active+.kniu_tree_body, .kniu_tree_head_active>.kniu_tree_opens>.kniu_tree_icon_2 {
	display: block
}
.kniu_tree_body, .kniu_tree_body>.kniu_tree {
	position: relative
}
.kniu_tree_body::before {
	top: 0;
	bottom: 0;
	border-left: 1px dotted var(--kniu_border0)
}
.kniu_tree_body>.kniu_tree:last-child::after {
	top: calc(10px + 13px/2 + 1px);
	bottom: 0;
	border: 1px dotted var(--kniu_white)
}
.kniu_tree_body>.kniu_tree::before {
	top: calc(10px + 13px/2);
	border-top: 1px dotted var(--kniu_border0);
	width: 10px
}
.kniu_tree_body>.kniu_tree {
	overflow: hidden;
	padding-left: 18px
}
.kniu_range_group {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_range_group~.kniu_range_group {
	margin-top: 10px
}
.kniu_range_type1 .kniu_range {
	background-image: linear-gradient(to top, #61bd12, #61bd12)
}
.kniu_range_val {
	margin-left: calc(10/var(--PCS));
	min-width: 25px;
	text-align: right
}
.kniu_range_type2 .kniu_range_head {
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	height: 6px;
	background-color: var(--kniu_border0)
}
.kniu_range_type2 .kniu_range_tools {
	width: 100%;
	height: 100%
}
.kniu_range_type2 .kniu_range_progressbar {
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-ms-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_blue);
	transition: background-color .13s;
	-webkit-transition: background-color .13s;
	-moz-transition: background-color .13s;
	-ms-transition: background-color .13s;
	-o-transition: background-color .13s
}
.kniu_range_type2 .kniu_range_point {
	border: 1px solid var(--kniu_border0);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	width: 18px;
	background-color: var(--kniu_white);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,.3)
}
.kniu_range_type2 .kniu_range_point:hover {
	background-color: var(--kniu_table_hover)
}
.kniu_range_type2 .kniu_range, .kniu_range_type2 .kniu_range_point {
	position: absolute;
	top: -6px;
	left: 0;
	height: 18px
}
.kniu_range_type2 .kniu_range {
	top: 0;
	width: 100%;
	height: 6px;
	opacity: 0
}
input[type=range] {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	border: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 0!important;
	width: 100%;
	height: 6px;
	min-height: 6px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: var(--kniu_border0)
}
input[type=range]::-webkit-slider-runnable-track {
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
height:6px
}
input[type=range]::-webkit-slider-thumb {
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
border:1px solid var(--kniu_border0);
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
margin-top:-7px;
width:18px;
height:18px;
box-shadow:0 1px 2px rgba(0,0,0,.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.3);
-ms-box-shadow:0 1px 2px rgba(0,0,0,.3);
-o-box-shadow:0 1px 2px rgba(0,0,0,.3);
background-color:var(--kniu_white);
cursor:pointer
}
input[type=range]::-webkit-slider-thumb:hover {
background-color:var(--kniu_table_hover)
}
input[type=range]::-moz-range-progress {
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
height:6px
}
input[type=range]::-ms-track {
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-color:var(--kniu_bg0);
height:6px;
color:var(--kniu_bg0)
}
input[type=range]::-ms-thumb {
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
border:1px solid var(--kniu_border0);
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
margin-top:-7px;
width:18px;
height:18px;
background-color:var(--kniu_white);
cursor:pointer
}
input[type=range]::-ms-fill-lower {
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
height:6px
}
input[type=range]::-ms-fill-upper {
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
height:6px;
background-color:var(--kniu_white)
}
input[type=range]:focus::-ms-fill-lower {
background-image:linear-gradient(to top, #61bd12, #61bd12);
background-repeat:no-repeat;
background-position:0 0;
background-color:var(--kniu_border0)
}
input[type=range]:focus::-ms-fill-upper {
background-color:var(--kniu_white)
}
.kniu_control {
	position: relative;
	display: block
}
.kniu_control~.kniu_control {
	margin-top: calc(20/var(--PCS))
}
.kniu_form_label {
	position: relative;
	display: flex;
	display: -webkit-flex
}
.kniu_form_label+.kniu_form_label {
	margin-left: calc(10/var(--PCS))
}
.kniu_form_input, .kniu_form_text {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: auto;
	height: auto;
	white-space: nowrap
}
.kniu_line_transverse, .kniu_line_transverse_group {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_form_must {
	color: #fe2b2b
}
.kniu_form_input {
	border: 1px solid var(--kniu_border0);
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	padding: 0 calc(10/var(--PCS));
	min-height: 30px;
	background-color: var(--kniu_table_hover);
	color: inherit;
	transition: border-color .13s;
	-webkit-transition: border-color .13s;
	-moz-transition: border-color .13s;
	-ms-transition: border-color .13s;
	-o-transition: border-color .13s
}
.kniu_form_input~.kniu_line_transverse {
	margin: 0 calc(10/var(--PCS))
}
.kniu_input_icon {
	padding: 0 calc(40/var(--PCS)) 0 calc(20/var(--PCS));
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background-repeat: no-repeat;
background-position:calc(100% - (40 - 16 - 2)/ 2/var(--PCS)) center;
	background-size: calc(16/var(--PCS)) auto;
	background-color: var(--kniu_table_hover)
}
.kniu_select_icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>')
}
.kniu_search_icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>')
}
.kniu_date_icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-calendar-date" viewBox="0 0 16 16"><path d="M6.445 11.688V6.354h-.633A12.6 12.6 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg>')
}
.kniu_user_icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" class="bi bi-person-fill" viewBox="0 0 16 16"><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>')
}
.kniu_lock_icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23000" class="bi bi-lock-fill" viewBox="0 0 16 16"><path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/></svg>')
}
.kniu_select_changing.kniu_select_icon {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>')
}
select.kniu_input_icon::-ms-expand {
display:none
}
textarea.kniu_form_input {
	padding: calc(10/var(--PCS));
	height: calc(150/var(--PCS));
	line-height: 1.3;
	white-space: pre-wrap
}
.kniu_form_icon_in_left {
	background-color: var(--kniu_table_hover)
}
.kniu_form_icon_group {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: calc(46/var(--PCS));
	height: 100%
}
.kniu_form_icon_textarea_group {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	padding-top: calc(13/var(--PCS))
}
.kniu_form_icon {
	width: calc(16/var(--PCS));
	color: var(--kniu_gray2)
}
.kniu_form_icon_in_left .kniu_form_text {
	color: var(--kniu_gray2)
}
.kniu_form_icon_in_left .kniu_form_input {
	padding: 0 calc(10/var(--PCS)) 0 calc(46/var(--PCS));
	background-color: transparent;
	cursor: text
}
.kniu_form_icon_in_left textarea.kniu_form_input {
	padding: calc(10/var(--PCS)) calc(10/var(--PCS)) calc(10/var(--PCS)) calc(46/var(--PCS))
}
.kniu_form_input+.kniu_btn {
	overflow: hidden;
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
	padding: 0 calc(20/var(--PCS))
}
.kniu_form_label~.kniu_btn {
	margin-left: calc(10/var(--PCS))
}
.kniu_form_code_group {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	white-space: nowrap
}
.kniu_form_code_input {
	max-width: 180px
}
.kniu_form_code_img {
	border-radius: calc(5/var(--PCS));
	-webkit-border-radius: calc(5/var(--PCS));
	-moz-border-radius: calc(5/var(--PCS));
	-ms-border-radius: calc(5/var(--PCS));
	-o-border-radius: calc(5/var(--PCS));
	min-width: 90px;
	width: calc(150/var(--PCS));
	min-height: 30px;
	height: calc(40/var(--PCS))
}
.kniu_form_code_input+.kniu_form_code_img {
	margin-left: 2.5px
}
.kniu_input_text_left>.kniu_form_code_group {
	order: 2;
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	-o-order: 2
}
.kniu_rr_0 {
	border-right: 0!important;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}
.kniu_rl_0 {
	border-left: 0!important;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important
}
.kniu_check_group, .kniu_input_date_group, .kniu_input_date_wrap, .kniu_radio_group {
	display: flex;
	display: -webkit-flex
}
.kniu_input_date_group>.kniu_form_label+.kniu_form_label, .kniu_input_date_group>.kniu_form_label~.kniu_form_label>.kniu_form_text {
	width: auto
}
.kniu_check_group>.kniu_form_label~.kniu_form_label, .kniu_radio_group>.kniu_form_label~.kniu_form_label {
	margin-left: 10px
}
.kniu_check_group .kniu_form_label>[type=checkbox], .kniu_form_labels>.kniu_form_label>[type=checkbox], .kniu_form_labels>.kniu_form_label>[type=radio], .kniu_radio_group>.kniu_form_label>[type=radio] {
display:none!important
}
[type=checkbox]~.kniu_form_text, [type=radio]~.kniu_form_text {
margin-left:0;
width:auto;
cursor:pointer;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
-khtml-user-select:none
}
[type=checkbox]~.kniu_form_text::before, [type=radio]~.kniu_form_text::before {
content:"";
display:inline-flex;
display:-webkit-inline-flex;
overflow:hidden;
margin-right:5px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% 100%;
transition:background-image .18s ease-in;
-webkit-transition:background-image .18s ease-in;
-moz-transition:background-image .18s ease-in;
-ms-transition:background-image .18s ease-in;
-o-transition:background-image .18s ease-in
}
[type=radio]:disabled~.kniu_form_text:hover::before, [type=radio][disabled]~.kniu_form_text:hover::before, [type=radio]~.kniu_form_text::before {
width:14px;
height:14px;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/></svg>')
}
[type=radio]:checked~.kniu_form_text::before, [type=radio]:checked~.kniu_form_text:hover::before, [type=radio]:disabled:checked~.kniu_form_text:hover::before, [type=radio][disabled]:checked~.kniu_form_text:hover::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23007dbb" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>')
}
[type=radio]~.kniu_form_text:hover::before {
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23007dbb" class="bi bi-circle-fill" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/></svg>')
}
[type=checkbox]:disabled~.kniu_form_text:hover::before, [type=checkbox][disabled]~.kniu_form_text:hover::before, [type=checkbox]~.kniu_form_text::before {
width:13px;
height:13px;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/></svg>')
}
[type=checkbox]:checked~.kniu_form_text::before, [type=checkbox]:checked~.kniu_form_text:hover::before, [type=checkbox]:disabled:checked~.kniu_form_text:hover::before, [type=checkbox][disabled]:checked~.kniu_form_text:hover::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23007dbb" class="bi bi-check-square-fill" viewBox="0 0 16 16"><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"/></svg>')
}
[type=checkbox]~.kniu_form_text:hover::before {
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23007dbb" class="bi bi-square-fill" viewBox="0 0 16 16"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2z"/></svg>')
}
[type=checkbox]:checked~.kniu_form_text::before, [type=radio]:checked~.kniu_form_text::before {
	animation: animated_formChecked .23s ease-in;
	-webkit-animation: animated_formChecked .23s ease-in
}
@keyframes animated_formChecked {
0% {
transform:scale(0);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0)
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
}
.kniu_search_form>.kniu_form_label {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	margin-top: 0;
	width: 100%
}
.kniu_form_text+.kniu_btn {
	margin-left: 0;
	overflow: hidden
}
.kniu_input_group {
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_input_group+.kniu_input_group {
	margin-left: calc(10/var(--PCS))
}
.kniu_input_group>.kniu_form_input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.kniu_input_group>.kniu_btn {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.kniu_input_group>.kniu_btn>* {
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	margin: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	color: inherit
}
.kniu_input_group>.kniu_btn>.kniu_img {
	max-width: none;
	width: auto;
	height: 12px
}
.kniu_input_group>.kniu_btn>input[type=file] {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	width: 300%;
	height: 100%;
	opacity: 0
}
.kniu_input_group>.kniu_form_input~.kniu_btn {
	border-left: 0;
	border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-webkit-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-moz-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-ms-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-o-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0
}
.kniu_input_group>.kniu_btn_nonoperate {
	border: 1px solid var(--kniu_border0);
	border-right: 0;
	height: 100%;
	pointer-events: none;
	background-color: var(--kniu_readonly)
}
.kniu_input_group>.kniu_form_input~.kniu_btn_nonoperate {
	border-right: 1px solid var(--kniu_border0)
}
.kniu_input_group>.kniu_btn~.kniu_form_input {
	border: 1px solid var(--kniu_border0);
	border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-webkit-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-moz-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-ms-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0;
	-o-border-radius: 0 calc(5/var(--PCS)) calc(5/var(--PCS)) 0
}
.kniu_has_two_icon>.kniu_btn~.kniu_form_input {
	padding: 0 calc(36/var(--PCS)) 0 calc(10/var(--PCS))
}
.kniu_has_two_icon>.kniu_form_input~.kniu_form_passes {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 0 calc(10/var(--PCS));
	height: 100%;
	background-color: var(--kniu_bg0);
	cursor: pointer
}
.kniu_form_pass_hide, .kniu_form_pass_show {
	max-width: none;
	width: auto;
	height: calc(16/var(--PCS))
}
.kniu_form_pass_show, .kniu_form_passes.active .kniu_form_pass_hide {
	display: none
}
.kniu_form_passes.active .kniu_form_pass_show {
	display: block
}
.kniu_form_input:focus, .kniu_input_group>.kniu_btn~.kniu_form_input:focus {
	border-color: var(--kniu_blue)
}
.kniu_form_label_group, .kniu_form_labels {
	display: flex;
	display: -webkit-flex
}
.kniu_input_icon_left {
	padding: 0 calc(10/var(--PCS)) 0 calc(40/var(--PCS));
	background-position: calc((40 - 16 - 2)/ 2/var(--PCS)) center
}
.kniu_btn, .kniu_line_transverse {
	min-height: 30px;
	height: calc(40/var(--PCS))
}
.kniu_check_group>.kniu_form_text, .kniu_input_text_left>.kniu_form_text, .kniu_input_text_right>.kniu_form_input, .kniu_radio_group>.kniu_form_text {
	order: 1;
	-webkit-order: 1;
	-moz-order: 1;
	-ms-order: 1;
	-o-order: 1;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	padding-right: 5px
}
.kniu_check_group>.kniu_form_labels, .kniu_radio_group>.kniu_form_labels {
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	margin: calc(-10/var(--PCS)) 0 0 calc(-10/var(--PCS))
}
.kniu_check_group .kniu_form_label, .kniu_radio_group .kniu_form_label {
	margin: calc(10/var(--PCS)) 0 0 calc(10/var(--PCS))
}
.kniu_check_group>.kniu_form_labels, .kniu_input_text_left>.kniu_form_input, .kniu_input_text_left>.kniu_form_text+.kniu_form_text, .kniu_input_text_left>.kniu_input_group, .kniu_input_text_left>.kniu_input_icon_group, .kniu_input_text_right>.kniu_form_text, .kniu_radio_group>.kniu_form_labels {
	order: 2;
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	-o-order: 2
}
.kniu_check_group>.kniu_form_text, .kniu_form_app>.kniu_form_text, .kniu_input_text_left>.kniu_form_text, .kniu_input_text_right>.kniu_form_text, .kniu_input_text_top>.kniu_form_text, .kniu_radio_group>.kniu_form_text {
	color: var(--kniu_gray2)
}
.kniu_input_text_left>.kniu_form_text+.kniu_form_text, .kniu_input_text_right>.kniu_form_input {
	padding-right: 0
}
.kniu_input_text_right>.kniu_form_text {
	margin-left: 5px
}
.kniu_input_text_top {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_input_text_top>.kniu_form_labels, .kniu_input_text_top>.kniu_form_text {
	order: unset;
	-webkit-order: unset;
	-moz-order: unset;
	-ms-order: unset;
	-o-order: unset
}
.kniu_input_text_top>.kniu_form_text {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	padding: 0;
	width: 100%
}
.kniu_input_text_top>.kniu_form_text~.kniu_form_labels {
	margin: calc(10/var(--PCS)) 0 0 calc(-10/var(--PCS))
}
.kniu_input_text_top>.kniu_form_text~.kniu_custom_select_group, .kniu_input_text_top>.kniu_form_text~.kniu_form_input, .kniu_input_text_top>.kniu_form_text~.kniu_input_group, .kniu_input_text_top>.kniu_form_text~.kniu_input_icon_group, .kniu_input_text_top>.kniu_form_text~.kniu_input_select, .kniu_input_text_top>.kniu_form_text~.kniu_line_transverse {
	margin: calc(20/var(--PCS)) 0 0
}
.kniu_input_text_top>.kniu_input_group~.kniu_form_text {
	padding: 0
}
.kniu_input_text_top>.kniu_input_group {
	width: 100%
}
.kniu_input_text_top>.kniu_input_group>.kniu_form_input {
	width: calc(100% - 70px)
}
.kniu_input_text_top>.kniu_input_group>.kniu_btn {
	min-width: 70px
}
.kniu_input_text_top>.kniu_form_input~.kniu_form_text {
	margin-left: 0
}
.kniu_form_app {
	display: block;
	width: 100%
}
.kniu_form_app>.kniu_form_text {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	margin: 0;
	padding: 0
}
.kniu_form_app+.kniu_form_app, .kniu_form_app>.kniu_form_code_group, .kniu_form_app>.kniu_form_input+.kniu_form_text, .kniu_form_app>.kniu_form_text+.kniu_form_input, .kniu_form_app>.kniu_form_text+.kniu_form_text, .kniu_form_app>.kniu_form_text+.kniu_input_date_wrap, .kniu_form_app>.kniu_form_text+.kniu_input_icon_group {
	margin: calc(20/var(--PCS)) 0 0
}
.kniu_form_app>.kniu_form_labels {
	margin: calc(10/var(--PCS)) 0 0 calc(-10/var(--PCS))
}
.kniu_form_app>.kniu_input_date_wrap>.kniu_form_input {
	width: calc((100% - 9/var(--PCS))/ 2)!important
}
@media (min-width:calc(1024px - 60px)) {
.kniu_input_group>.kniu_btn>.kniu_img {
height:16px
}
.kniu_form_app {
display:flex;
display:-webkit-flex;
width:auto
}
.kniu_form_app>.kniu_form_text {
justify-content:flex-end;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
-ms-justify-content:flex-end;
-o-justify-content:flex-end;
padding:0 5px 0 0
}
.kniu_form_app.kniu_input_text_right>.kniu_form_text {
justify-content:flex-start;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
-ms-justify-content:flex-start;
-o-justify-content:flex-start;
padding:0 0 0 5px
}
.kniu_form_app+.kniu_form_app, .kniu_form_app>.kniu_form_code_group, .kniu_form_app>.kniu_form_input+.kniu_form_text, .kniu_form_app>.kniu_form_labels, .kniu_form_app>.kniu_form_text+.kniu_form_input, .kniu_form_app>.kniu_form_text+.kniu_form_text, .kniu_form_app>.kniu_form_text+.kniu_input_date_wrap, .kniu_form_app>.kniu_form_text+.kniu_input_icon_group {
margin:0 0 0
}
.kniu_form_app.kniu_check_group>.kniu_form_labels, .kniu_form_app.kniu_radio_group>.kniu_form_labels {
margin:calc(-10/var(--PCS)) 0 0 calc(-10/var(--PCS))
}
}
::-webkit-input-placeholder {
color:var(--kniu_gray4)
}
:-moz-placeholder {
color:var(--kniu_gray4)
}
::-moz-placeholder {
color:var(--kniu_gray4)
}
::-ms-input-placeholder {
color:var(--kniu_gray4)
}
.kniu_mtextpoint {
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
height:calc(30px*2);
max-height:calc(30px*2);
	line-height: 30px;
	text-align: justify;
	text-overflow: ellipsis
}
.kniu_switch {
	display: inline-flex;
	display: -webkit-inline-flex
}
.kniu_switch_input {
	display: none
}
.kniu_switch_status {
	background-image: url('data:image/svg+xml,<svg class="bi bi-toggle-off" xmlns="http://www.w3.org/2000/svg" fill="%23007dbb" viewBox="0 0 16 16"><path d="M11 4a4 4 0 0 1 0 8H8a4.992 4.992 0 0 0 2-4 4.992 4.992 0 0 0-2-4h3zm-6 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM0 8a5 5 0 0 0 5 5h6a5 5 0 0 0 0-10H5a5 5 0 0 0-5 5z"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	cursor: pointer;
	transition: background-image .3s;
	-webkit-transition: background-image .3s;
	-moz-transition: background-image .3s;
	-ms-transition: background-image .3s;
	-o-transition: background-image .3s
}
.kniu_switch_input:checked+.kniu_switch_status {
	background-image: url('data:image/svg+xml,<svg class="bi bi-toggle-on" xmlns="http://www.w3.org/2000/svg" fill="%23007dbb" viewBox="0 0 16 16"><path d="M5 3a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10H5zm6 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/></svg>')
}
.kniu_switch_bg {
	z-index: -1;
	position: relative;
	width: 40px;
	visibility: hidden;
	opacity: 0
}
.kniu_web_side {
	flex-flow: row;
	-webkit-flex-flow: row;
	-moz-flex-flow: row;
	-ms-flex-flow: row;
	-o-flex-flow: row;
	height: 100vh
}
.kniu_web_side>.kniu_web_head {
	overflow: hidden;
	overflow-y: auto;
	display: none;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	min-width: 230px;
	width: calc(230/var(--PCS));
	height: 100%
}
.kniu_side_navbar {
	width: 100%
}
.kniu_side_nhead, .kniu_side_nsubhead {
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: calc(8/var(--PCS)) calc(16/var(--PCS));
	font-size: 13px;
	cursor: pointer;
	color: #fff6;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s
}
.kniu_side_nhead:before {
	content: "\f229";
	display: block;
	margin-right: calc(10/var(--PCS));
	width: calc(16/var(--PCS));
	font-family: iconfont
}
.kniu_side_nbar+.kniu_side_nbar, .kniu_side_nsubhead {
	border-top: 1px solid #ffffff05
}
.kniu_side_nbar:last-child {
	border-bottom: 1px solid #ffffff05
}
.kniu_side_nbody {
	display: none
}
.kniu_side_navbar_active>.kniu_side_nbody {
	display: block
}
.kniu_side_navbar_active>.kniu_side_nhead {
	background-color: #28a745;
	color: #fff
}
.kniu_side_navbar_active>.kniu_side_nhead::before {
	content: "\f235"
}
.kniu_side_nhead:hover, .kniu_side_nsubhead:hover, .kniu_side_nsubhead_active {
	color: #fff
}
.kniu_side_nsubhead_active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background-color: #28a745
}
.kniu_iframe {
	overflow: hidden;
	overflow-y: auto;
	display: block;
	width: 100%;
	height: 100%
}
.kniu_iframe_xScroll {
	overflow: hidden;
	overflow-x: auto;
	display: block;
	width: 100%;
	height: 100%
}
.kniu_iframe_yScroll {
	overflow: hidden;
	overflow-y: auto;
	display: block;
	width: 100%;
	height: 100%
}
@media (min-width:calc(1024px - 60px)) {
.kniu_web_side>.kniu_web_head {
display:flex;
display:-webkit-flex
}
.kniu_side_nhead::before {
margin-right:calc(10/var(--PCS));
width:calc(16/var(--PCS))
}
.kniu_side_nhead {
padding:calc(8/var(--PCS)) calc(16/var(--PCS))
}
.kniu_side_nsubhead {
padding:calc(8/var(--PCS)) calc(16/var(--PCS)) calc(8/var(--PCS)) calc(40/var(--PCS));
min-height:30px
}
}
.kniu_search_group {
	position: relative
}
.kniu_search_group>img {
	z-index: -1;
	position: relative;
	width: 100%;
	height: 100%
}
.kniu_search_group>.kniu_form_label {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_table_hover)
}
.kniu_search_group>.kniu_form_label::after {
	content: none
}
.kniu_search_group>.kniu_form_label>.kniu_form_input {
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	padding-right: 0;
	width: 100%;
	height: 100%;
	background-color: var(--kniu_bg0)
}
.kniu_search_submit {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 30px;
	height: 100%;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	background-color: var(--kniu_bg0);
	cursor: pointer
}
.kniu_search_submit:hover {
	opacity: .8
}
[data-scroll=kniu_scrolling] .kniu_scroll_navs_group {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
	background-color: inherit;
	animation: animated_fadeInDown .3s;
	-webkit-animation: animated_fadeInDown .3s
}
.kniu_scroll_active>.kniu_scroll_nav_link {
	color: #cc3939
}
.kniu_scroll_active>.kniu_scroll_nav_link::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #cc3939;
	animation: animated_fadeIn .6s ease-in;
	-webkit-animation: animated_fadeIn .6s ease-in
}
.kniu_search_link, .kniu_search_none, .kniu_search_suggest {
	display: none
}
.kniu_search_suggest {
	z-index: 2;
	position: absolute;
	top: 100%;
	left: 0;
	border: 1px solid #c8c8c8;
	border-top: none;
	width: 100%;
	background-color: var(--kniu_white);
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	-ms-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	-o-box-shadow: 0 1px 8px rgba(0,0,0,.1)
}
.kniu_search_link, .kniu_search_none {
	overflow: hidden;
	padding: 0 20px;
	font-size: 13px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis
}
.kniu_search_link:hover {
	background-color: var(--kniu_readonly)
}
.kniu_search_none {
	color: var(--kniu_gray4);
	cursor: default
}
.zh_click~.zh_click {
	margin-left: 10px
}
.kniu_fu_group {
	z-index: 9;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	background-color: var(--kniu_white)
}
.kniu_fu_link {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 300px;
	height: 180px
}
.kniu_fu_img {
	width: 100%;
	height: 100%
}
.kniu_input_icon_group {
	position: relative
}
.kniu_select {
	color: var(--kniu_gray4)
}
.kniu_select:disabled, .kniu_select[disabled] {
	z-index: -1;
	position: relative;
	pointer-events: none
}
.kniu_option, .kniu_selected {
	white-space: nowrap;
	color: var(--kniu_gray1)
}
.kniu_timekeeping {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_timekeeping_icon {
	margin-right: 5px;
	height: 15px
}
.kniu_timekeeping_second, .kniu_timekeeping_unit {
	font-size: 16px
}
.kniu_timekeeping_second {
	background-color: var(--kniu_bg0);
	color: inherit
}
.kniu_timekeeping_unit {
	margin-left: 2px
}
.kniu_star, .kniu_star_group {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_star~.kniu_star {
	margin-left: 10px
}
.kniu_star {
	cursor: pointer
}
.kniu_star_checkbox {
	display: none
}
.kniu_star_type_1 .kniu_star_icon::after {
	content: "";
	display: block;
	width: 23px;
	height: 23px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAACIUlEQVRYhc3XT6hNURTH8c/zZ0KKxCsSnj8lijBRngkDA0VMyAwDZYBIeBO3pPwvvZRSBgYmMqMkhSQD5W+R/wMDEcIAKbRr37pd95x3z773vPt+teu099rrfM/eZ6+1dlelUtEGXcF0bMCDVtyNaAPMLfTG53uYibepzoa1CNNfAxM0HNdbcdgK0HJsa9Dfg5OdALqQM7YDU1OcpgLtw4QBbM6nOE4BGotDTdj1xm0tHai/gO2Zos6LAs3CxgL2M7C+yAvy4lCAnYt5mBNPz4oizqPOxq17g6exPWsGqCtOXIYFsU1JAKjXaGyp6wuB8yHu4wZu1gKF47kTa1KPaoKmxbY6Tn2OizgWgB5jzCCBZGk29mNz+E8edRimVt0BaC3+DBGgXQHoA1YOAZjLOFGNQ9ewtYMwoWxZpS4whqjalmqtoF5gaXVKfaQ+0GSeapeeYBF+ZQEF9Q3SSt3GQnyv7czKZWGl9uJnSTCXYjXwu34gL7kebrVgz1DYpnVZg3lAI2N2b7fG5fnLA5qP8SUATY7VQ2GgkF/KUk8KUJmZf1LWQB5QuImWpe4UoDJXKAloYoEXvMPHAvaZhyUPqJmi7VMMoj3xTn8Kf5sAGpUClHcBeI898VZRiRH3G7ZHsNMDAHWlADVKG3exKa7IUXxtMO91vPOHoHocnxvYBPjCQEfwCndwEIuxBOfwI2deVS+xO8KHj7iKLzGZhoL+f+EfuKBSqV5cDOAAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%
}
.kniu_star_checkbox:checked~.kniu_star_icon::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAAF00lEQVRYhcWYTYhlxRXHf6du3XvfV/e0M04P8YMZExUkgsGAG9PZmIWLQMQsYhAXigshCw2C+LFxNkJAHAgSiGTnQheSmEWyCYYkSHQxQRMCBjUqOjr2TL+e7n79vu5HlZy697Wv30w/ZqZRD9Truu/dOvU/H/U/p1pWXn2T/Yh3HpPGfwauc+P852Lk7f3os/tCo+L9P0xsV7z3MMpOglwPfHS56sw+4TwPfgUBEVF0EfDafhTuB9AdwC/wqiVSRIQ5fBs48U0Aeil8+pBDSGTCvJZHgKNfJ6AngMMKQGyEXWyDMfgvAam8+HUBWgKe0YkvSiSNMZ1miJZzrs6lICt1WL9yQM+HT02ZskQ6TdJhwQGTYBspRVFMv/vbrxrQDcC9OvF5iW83abfaJOvbpLFlaWkpvDQVuu8A91zKBvN4SMF+F7gZuKk+PT+qdoTSOVpXLNJ2Qul98Faz2aTT6dDr9bB2R/Xv6tB9CLxTj//NB+RDCKRe+EPge/W49rwV3lOOMuLDSyw0W/hBhjdV3pRlGQCNRqMQuihSWqINPDijRYnz38BbwN+Av08DOiqR+aV37i5fuqPh6IogRna4xTtXDf0tMsjyEu0rDxJv5xS1NdRJHds4gOqurwfw+ouIYYc8g05/DM8xj/9J7ZB3xcgriDwrK394Y0tiuyCxDVziS4cbZeEEaRi8jZAkJoptSNq4mRI1GqTDDBkV+Eh2mR4cLTBwOUVeUGQZZVHiNKx6CvMCIwZJbGWcgjVS7ZcXqxaR//i8uF03j3TDQweI2k3ccEw5GGHFkFiLNRFGPVeUsDEIfpkFUxnrES904gYkQtlywXOlQI6nsNUaPxwH44PRqtM5/fqIhuxuRE7jvCm2+pSDcciP+FuHaKcNko0BLvd4n4fNnJpvzgcyC6rU419FH4sQA83IUsQxGxsbFJs9cFU6BM9WKfKonqQzwJ0hb5IY7x3jU6v03/mQrNcHG1EqEA29yCRdLk7q8uYUoHrOCEV3k/FqN3gnRFfDpmVH5E/AcxMe+gvwUEhCYzCNFD8Ys3H6DNujIbHdf5eiJy7PczZ6W4R8Nbso8CTwY2aIUVn1+OTBpAniHOfOrNEfDIjj+LLBKCdpHnW73UANNR1M5D3gBzv7zqx9elKnQhWPIiIbce7cOQaDwTTZXbTo5gpibW0teEifp5j8v8D3gfFegFSemvaUcocOta7f789aN1eMMQHE2bNnw98Zg14HbgV601/uVcvUU48DI2rFalShxVQuPqt13Xg8DmBmQv77uhvIz1szR9+vgNCwayNvk5i03apOx0WKhkaBTHKoFg3TT/c0Yo5qNemGMHMOYyMiZXJ/aYA0xGZ383bFvDXzAN0CHAp4VHGaYEzE7qawyjH1gA6z+ygHEJMcnJKr6+7hkgHdOP2gp21arW4+SdLNzc0wQnGN413AFMws0LqVuaDMO8dTTboPZKYhw1q81qU8Z3t7m+FwGObqDW07Wq0WjUYjAFMwWkK0Xs3IVZcD6DotJ36UYTtNosNLDNZ6+P6IrCx2ep5pTynfaJ1SMNqspdYSLS0ii238mXVoJJOr0pHL8lCowkZoHrsKN85Z/+zzqj+SivBmiVLB6dDQade47TxxkRFfeYBoq69t5qQw7wloXg4t+ywnvWYZ00wZ/v9TxPmqL7J2NlFPAWengek7URJTbPQo1nvYhdZOZZ8clksC5LJ8wR5cJDlyiOH7n+DG41DfZqRbk6gmqd7pf80kKJMN0oSyN1B9mCSeXCZbewLSZn12FCFUxjauWSY7vUbe3azAfHnmPwceq28Vx2vG3QIeroH9ZtcuAm6chcsklWf3pHubX4B5yyync/XyyG0PGZ1axWgyVqL/u3kBeBkY7qHzg3Dnr+73DwH3I3JQmzFEc0jLSbYVHi+wWE58vKu2BVlIPf/8uPvAyfc+enKxka5KZP6K51XgX3tZNkcOhK4Ufua9v02MsZ00uS8S/jhLsgBfAMAah8j/CPz6AAAAAElFTkSuQmCC)
}
.kniu_star_group.kniu_disabled {
	pointer-events: none;
	background-color: var(--kniu_bg0)!important;
	opacity: 1!important
}
.kniu_star_type_2 .kniu_star {
	width: 23px
}
.kniu_star_type_2 .kniu_star_icon {
	width: 100%;
	height: 100%
}
.kniu_modal_group {
	display: none
}
.kniu_modal {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	height: 100%
}
.kniu_modal_group .kniu_mask_absolute {
	background-color: var(--kniu_mask0);
	animation: animated_fadeIn .3s ease-in;
	-webkit-animation: animated_fadeIn .3s ease-in
}
.kniu_modal_hide .kniu_modal {
	opacity: 0;
	animation: animated_fadeOut .3s ease-out;
	-webkit-animation: animated_fadeOut .3s ease-out
}
.kniu_modal_wraper {
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	overflow: hidden;
	max-width: 90%;
	max-height: 80%;
	min-width: 320px;
	width: 45%;
	height: 70%;
	background-color: var(--kniu_white);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-o-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	animation: modal_wraper_fadeInDown .3s;
	-webkit-animation: modal_wraper_fadeInDown .3s
}
@keyframes modal_wraper_fadeInDown {
0% {
transform:translate3d(0, calc(-300/var(--PCS)), 0);
-webkit-transform:translate3d(0, calc(-300/var(--PCS)), 0);
-moz-transform:translate3d(0, calc(-300/var(--PCS)), 0);
-ms-transform:translate3d(0, calc(-300/var(--PCS)), 0);
-o-transform:translate3d(0, calc(-300/var(--PCS)), 0);
opacity:0
}
100% {
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
opacity:1
}
}
.kniu_modal_hide .kniu_modal_wraper {
	animation: modal_wraper_fadeOutUp .3s;
	-webkit-animation: modal_wraper_fadeOutUp .3s
}
@keyframes modal_wraper_fadeOutUp {
0% {
transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
opacity:1
}
100% {
transform:translate3d(0, calc(-300/var(--PCS)), 0);
-webkit-transform:translate3d(0, calc(-300/var(--PCS)), 0);
-moz-transform:translate3d(0, calc(-300/var(--PCS)), 0);
-ms-transform:translate3d(0, calc(-300/var(--PCS)), 0);
-o-transform:translate3d(0, calc(-300/var(--PCS)), 0);
opacity:0
}
}
.kniu_modal_close {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 17px;
	font-family: monospace;
	font-size: 30px;
	color: var(--kniu_gray4);
	cursor: pointer;
	transition: color .13s;
	-webkit-transition: color .13s;
	-moz-transition: color .13s;
	-ms-transition: color .13s;
	-o-transition: color .13s
}
.kniu_modal_close:hover {
	color: var(--kniu_black)
}
.kniu_modal_top .kniu_modal {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start
}
.kniu_modal_top .kniu_modal_wraper {
	animation: animated_fadeInDown .3s;
	-webkit-animation: animated_fadeInDown .3s
}
.kniu_modal_top.kniu_modal_hide .kniu_modal_wraper {
	animation: animated_fadeOutUp .3s;
	-webkit-animation: animated_fadeOutUp .3s
}
.kniu_modal_right .kniu_modal {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end
}
.kniu_modal_right .kniu_modal_wraper {
	animation: animated_fadeInRight .3s;
	-webkit-animation: animated_fadeInRight .3s
}
.kniu_modal_right.kniu_modal_hide .kniu_modal_wraper {
	animation: animated_fadeOutRight .3s;
	-webkit-animation: animated_fadeOutRight .3s
}
.kniu_modal_bottom .kniu_modal {
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end
}
.kniu_modal_bottom .kniu_modal_wraper {
	animation: animated_fadeInUp .3s;
	-webkit-animation: animated_fadeInUp .3s
}
.kniu_modal_bottom.kniu_modal_hide .kniu_modal_wraper {
	animation: animated_fadeOutDown .3s;
	-webkit-animation: animated_fadeOutDown .3s
}
.kniu_modal_left .kniu_modal {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start
}
.kniu_modal_left .kniu_modal_wraper {
	animation: animated_fadeInLeft .3s;
	-webkit-animation: animated_fadeInLeft .3s
}
.kniu_modal_left.kniu_modal_hide .kniu_modal_wraper {
	animation: animated_fadeOutLeft .3s;
	-webkit-animation: animated_fadeOutLeft .3s
}
.kniu_modal_bottom .kniu_modal_wraper, .kniu_modal_top .kniu_modal_wraper {
	width: 80%;
	height: 50%
}
.kniu_modal_body {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%
}
.kniu_modal_cancel, .kniu_modal_confirm {
	zoom: 1
}
.kniu_dialog, .kniu_msg, .kniu_prompt {
	display: none
}
.kniu_dialog_group, .kniu_msg_group {
	z-index: 10;
	position: fixed;
	top: 50%;
	left: 50%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: auto;
	height: auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	animation-duration: .3s;
	-webkit-animation-duration: .3s
}
.kniu_prompt_wraper {
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: auto;
	height: auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	animation-duration: .3s;
	-webkit-animation-duration: .3s
}
.kniu_msg_group {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 10px 20px;
	font-size: 13px;
	background-color: var(--kniu_mask0);
	color: var(--kniu_white)
}
.kniu_msg_icon_group {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_msg_icon {
	margin-bottom: 5px;
	width: 30px
}
.kniu_dialog_type1 .kniu_dialog_group {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	min-width: calc(360/var(--PCS));
	background-color: var(--kniu_white);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-o-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3)
}
.kniu_dialog_type1 .kniu_dialog_head {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-bottom: 1px solid var(--kniu_border0);
	padding: calc(20/var(--PCS));
	width: 100%;
	background-color: #f8f8f8
}
.kniu_dialog_body {
	padding: calc(20/var(--PCS));
	width: 100%
}
.kniu_dialog_btn_group {
	margin: calc(30/var(--PCS)) 0 0
}
.kniu_dialog_detail {
	color: var(--kniu_gray3)
}
.kniu_dialog_close {
	position: absolute;
	top: calc(20/var(--PCS));
	right: calc(10/var(--PCS));
	font-weight: 700;
	font-size: calc(20/var(--PCS));
	font-family: monospace;
	color: var(--kniu_gray3);
	opacity: .6;
	cursor: pointer
}
.kniu_dialog_close:hover {
	color: var(--kniu_gray1);
	opacity: 1
}
.kniu_dialog_confirm {
	background-color: var(--kniu_blue)
}
.kniu_dialog_cancel {
	background-color: var(--kniu_gray4)
}
.kniu_dialog_type2 .kniu_dialog_group {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: none;
	-webkit-animation: none
}
.kniu_dialog_type2 .kniu_mask_absolute {
	cursor: default;
	background-color: var(--kniu_mask0);
	animation: animated_fadeIn .3s;
	-webkit-animation: animated_fadeIn .3s
}
.kniu_dialog_hide .kniu_dialog_wraper, .kniu_dialog_hide .kniu_mask_absolute {
	opacity: 0;
	animation: animated_fadeOut .3s;
	-webkit-animation: animated_fadeOut .3s
}
.kniu_dialog_type2 .kniu_dialog_head {
	padding: 20px;
	text-align: center
}
.kniu_dialog_type2 .kniu_dialog_body {
	padding: 0 20px 20px;
	color: var(--kniu_gray3)
}
.kniu_dialog_type2 .kniu_dialog_foot {
	border-top: 1px solid var(--kniu_border0);
	display: flex;
	display: -webkit-flex
}
.kniu_dialog_type2 .kniu_dialog_cancel, .kniu_dialog_type2 .kniu_dialog_confirm {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	padding: 16px 0;
	width: auto;
	font-weight: 700;
	background-color: var(--kniu_white)
}
.kniu_dialog_type2 .kniu_dialog_cancel:active, .kniu_dialog_type2 .kniu_dialog_confirm:active {
	background-color: var(--kniu_table_hover)
}
.kniu_dialog_type2 .kniu_dialog_confirm:hover {
	color: inherit
}
.kniu_dialog_type2 .kniu_dialog_cancel {
	border-left: 1px solid var(--kniu_border0);
	color: var(--kniu_link)
}
.kniu_dialog_wraper {
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	min-width: 320px;
	max-height: 60%;
	font-size: 17px;
	background-color: var(--kniu_white)
}
.kniu_prompt_group {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	height: 100%
}
.kniu_prompt .kniu_mask_absolute {
	background-color: var(--kniu_mask0);
	animation: animated_fadeIn .3s ease-in;
	-webkit-animation: animated_fadeIn .3s ease-in
}
.kniu_loading_group {
	display: none
}
.kniu_loading_body {
	position: fixed;
	top: 45%;
	left: 45%;
	border-radius: calc(5/var(--APP));
	-webkit-border-radius: calc(5/var(--APP));
	-moz-border-radius: calc(5/var(--APP));
	-ms-border-radius: calc(5/var(--APP));
	-o-border-radius: calc(5/var(--APP));
	padding: calc(10/var(--APP)) calc(20/var(--APP));
	text-align: center;
	background-color: var(--kniu_mask0);
	color: var(--kniu_white);
	animation: animated_fadeIn .3s;
	-webkit-animation: animated_fadeIn .3s
}
.kniu_loading_body .kniu_icon_spin {
	font-size: calc(30/var(--APP))
}
.kniu_loading_icon_text {
	margin-top: calc(20/var(--APP))
}
@media (min-width:calc(1024px - 60px)) {
.kniu_loading_body {
border-radius:calc(5/var(--PCS));
-webkit-border-radius:calc(5/var(--PCS));
-moz-border-radius:calc(5/var(--PCS));
-ms-border-radius:calc(5/var(--PCS));
-o-border-radius:calc(5/var(--PCS));
padding:calc(10/var(--PCS)) calc(20/var(--PCS))
}
.kniu_loading_body .kniu_icon_spin {
font-size:calc(30/var(--PCS))
}
.kniu_loading_icon_text {
margin-top:calc(20/var(--PCS))
}
}
.kniu_tab_head_cell {
	position: relative
}
.kniu_tab_active {
	color: var(--kniu_red)
}
.kniu_tab_head_cell.kniu_tab_active::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--kniu_red)
}
.kniu_tab_body_cell {
	display: none;
	animation: animated_fadeIn .6s ease-in;
	-webkit-animation: animated_fadeIn .6s ease-in
}
.kniu_admin {
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	width: 100%;
	height: 100%
}
.kniu_admin_head {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 0 20px;
	height: 60px;
	background-color: #23262e
}
.kniu_admin_head_cell {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_admin_head_photo_group {
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	margin-right: 10px;
	width: 50px;
	height: 50px
}
.kniu_admin_head_photo {
	max-width: none;
	width: auto;
	height: 100%
}
.kniu_admin_head_title {
	color: var(--kniu_white)
}
.kniu_admin_foot {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: auto;
	height: 30px;
	background-color: var(--kniu_gray5)
}
.kniu_admin_body {
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
	-o-flex-grow: 1;
	height: auto
}
.kniu_admin_nav_group {
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	width: 180px;
	height: calc(100% - 60px);
	background-color: #393d49
}
.kniu_admin_nav_head {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 50px;
	font-weight: 700;
	background-color: #111;
	color: var(--kniu_white)
}
.kniu_admin_nav {
	overflow: hidden;
	overflow-y: auto;
	width: 185px;
	height: 100%
}
.kniu_admin_nav_link {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding-right: 5px;
	width: 100%;
	height: 40px;
	color: #c3c3c3;
	transition: background-color .13s, color .13s;
	-webkit-transition: background-color .13s, color .13s;
	-moz-transition: background-color .13s, color .13s;
	-ms-transition: background-color .13s, color .13s;
	-o-transition: background-color .13s, color .13s
}
.kniu_admin_nav_link:hover, .kniu_admin_nav_link_active {
	color: var(--kniu_white)
}
.kniu_admin_nav_link::before {
	content: "";
	display: block;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: var(--kniu_bg0) var(--kniu_bg0) var(--kniu_bg0) #c3c3c3;
	transition: border-color .13s;
	-webkit-transition: border-color .13s;
	-moz-transition: border-color .13s;
	-ms-transition: border-color .13s;
	-o-transition: border-color .13s
}
.kniu_admin_nav_link:hover::before, .kniu_admin_nav_link_active::before {
	border-color: var(--kniu_bg0) var(--kniu_bg0) var(--kniu_bg0) var(--kniu_white)
}
.kniu_admin_nav_link_active {
	background-color: #28a745
}
.kniu_admin_detail, .kniu_admin_foot {
	margin-left: 180px
}
.kniu_admin_detail {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-grow: 1;
	width: calc(100% - 180px);
	height: auto;
	background-color: var(--kniu_border0)
}
.kniu_admin_detail_wraper {
	overflow: hidden;
	border: 1px solid var(--kniu_border0);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin: auto;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	background-color: var(--kniu_white)
}
.kniu_admin_detail_head {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-bottom: 1px solid var(--kniu_border0);
	padding: 0 20px;
	height: 40px;
	background-color: var(--kniu_bg_active)
}
.kniu_admin_detail_body {
	overflow: hidden;
	overflow-y: auto;
	padding: 20px;
	height: calc(100% - 40px)
}
.kniu_admin_foot_body {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_mousepull {
	z-index: 9;
	position: fixed;
	top: 85%;
	left: 90%;
	cursor: move
}
.kniu_nav_bottoms_group {
	border-bottom: 1px solid var(--kniu_gray2);
	padding: calc(20/var(--PCS)) 0;
	background-color: var(--kniu_gray1)
}
.kniu_nav_bottoms {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_nav_bottom_body {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	margin: calc(-30/var(--PCS)) 0 0 calc(-30/var(--PCS));
	width: 100%
}
.kniu_nav_bottom {
	margin: calc(30/var(--PCS)) 0 0 calc(30/var(--PCS));
width:calc((100% - 30/var(--PCS)*2)/ 2);
	text-align: center;
	color: var(--kniu_white)
}
.kniu_nav_bottom_dropdown {
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	margin-top: calc(20/var(--PCS))
}
.kniu_nav_bottom_cell+.kniu_nav_bottom_cell {
	margin-top: calc(10/var(--PCS))
}
.kniu_nav_bottom_link {
	opacity: .6
}
@media (min-width:calc(1024px - 60px)) {
.kniu_nav_bottoms {
flex-flow:row;
-webkit-flex-flow:row;
-moz-flex-flow:row;
-ms-flex-flow:row;
-o-flex-flow:row
}
.kniu_nav_bottom_body {
flex:1;
-webkit-flex:1;
-moz-flex:1;
-ms-flex:1;
-o-flex:1;
margin:0;
width:auto
}
.kniu_nav_bottom {
margin:0;
width:auto;
text-align:left
}
}
.kniu_input_select {
	position: relative
}
.kniu_input_select_view {
	display: inline-flex;
	display: -webkit-inline-flex
}
.kniu_input_select_dropdown {
	z-index: 1;
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	display: none;
	border: 1px solid var(--kniu_border0);
	width: 100%;
	max-height: 182px;
	background-color: var(--kniu_white);
	animation: custom_select_dropdown_animated .3s;
	-webkit-animation: custom_select_dropdown_animated .3s
}
.kniu_input_select_link {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	white-space: nowrap;
	cursor: pointer;
	color: var(--kniu_gray1)
}
.kniu_input_select_active, .kniu_input_select_link:hover {
	background-color: var(--kniu_blue);
	color: var(--kniu_white)
}
.kniu_input_select_hidden {
	display: none
}
.kniu_input_select_bottom {
	top: auto;
	bottom: 31px;
	animation: custom_select_bottom_animated .3s;
	-webkit-animation: custom_select_bottom_animated .3s
}
.kniu_text_total {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	color: var(--kniu_gray4)
}
.kniu_text_total_last {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_text_total_last::before {
	content: "/";
	display: block;
	font-family: monospace
}
.kniu_custom_select .kniu_input_icon_group, .kniu_custom_select_checkbox {
	display: none
}
.kniu_custom_select_active .kniu_custom_select_dropdown {
	display: block
}
.kniu_custom_select_active .kniu_custom_select_input {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>')
}
.kniu_custom_select_group {
	position: relative;
	display: block;
	width: 100%
}
.kniu_custom_select_dropdown {
	z-index: 1;
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	display: none;
	border: 1px solid var(--kniu_border0);
	width: 100%;
	max-height: 212px;
	background-color: var(--kniu_white);
	animation: custom_select_dropdown_animated .3s;
	-webkit-animation: custom_select_dropdown_animated .3s
}
.kniu_custom_select_bottom {
	top: auto;
	bottom: 31px;
	animation: custom_select_bottom_animated .3s;
	-webkit-animation: custom_select_bottom_animated .3s
}
.kniu_custom_select_option {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	white-space: nowrap;
	cursor: pointer;
	color: var(--kniu_gray1)
}
.kniu_custom_select_option:hover, .kniu_custom_select_option_active {
	background-color: var(--kniu_blue);
	color: var(--kniu_white)
}
.kniu_custom_select_none {
	pointer-events: none;
	line-height: 30px;
	text-align: center;
	color: var(--kniu_gray1)
}
.kniu_picker_drop {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	border: 1px solid var(--kniu_blue);
	width: 200px;
	font-size: 14px;
	background-color: #fff;
	color: #666;
	animation: drop_animated .3s;
	-webkit-animation: drop_animated .3s
}
@keyframes drop_animated {
0% {
opacity:0;
transform:translateY(30px);
-webkit-transform:translateY(30px);
-moz-transform:translateY(30px);
-ms-transform:translateY(30px);
-o-transform:translateY(30px)
}
100% {
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0)
}
}
.kniu_picker_drop a {
	text-decoration: none;
	color: inherit
}
.kniu_picker_head {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-bottom: 1px solid var(--kniu_blue)
}
.kniu_picker_head_btn {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	width: calc(100%/3);
	height: 30px
}
.kniu_picker_body {
	overflow: hidden;
	overflow-y: auto;
	min-height: 250px;
	max-height: 250px
}
.kniu_picker_body_cell, .kniu_picker_drop {
	display: none
}
.kniu_picker_cell_active {
	display: block
}
.kniu_picker_btn_active {
	background-color: var(--kniu_blue);
	color: #fff!important
}
.kniu_picker_body_cell {
	padding: 5px
}
.kniu_picker_city_group, .kniu_picker_day_group, .kniu_picker_district_group, .kniu_picker_hour_group, .kniu_picker_minute_group, .kniu_picker_month_group, .kniu_picker_province_group, .kniu_picker_second_group, .kniu_picker_year_group {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	margin: -5px 0 0 -5px
}
.kniu_picker_body_city, .kniu_picker_body_day, .kniu_picker_body_district, .kniu_picker_body_hour, .kniu_picker_body_minute, .kniu_picker_body_month, .kniu_picker_body_province, .kniu_picker_body_second, .kniu_picker_body_year {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	border: 1px solid var(--kniu_blue);
	margin: 5px 0 0 5px;
width:calc((100% - 5px*3)/ 3);
	height: 30px
}
.kniu_picker_body_city:active, .kniu_picker_body_day:active, .kniu_picker_body_district:active, .kniu_picker_body_hour:active, .kniu_picker_body_minute:active, .kniu_picker_body_month:active, .kniu_picker_body_province:active, .kniu_picker_body_second:active, .kniu_picker_body_year:active {
	background-color: var(--kniu_blue);
	color: #fff
}
.kniu_picker_body_province {
	font-size: 13px
}
.kniu_picker_body_city, .kniu_picker_body_district {
	padding: 0 5px;
	width: 100%;
	height: auto;
	min-height: 30px
}
.kniu_img_compare_group {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100%;
	height: 300px
}
.kniu_img_compare_before, .kniu_img_compare_body {
	width: 100%;
	height: 100%
}
.kniu_img_compare_after, .kniu_img_compare_before {
	pointer-events: none
}
.kniu_img_compare_after {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%
}
.kniu_img_compare_after img, .kniu_img_compare_before img {
	max-width: none;
	width: auto;
	height: 100%
}
.kniu_img_compare_after img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.kniu_img_compare_line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: var(--kniu_border2)
}
.kniu_img_compare_tool {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABCCAMAAAA/vUvZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFBUExURf///7a2tu7u7v///7e3t////7e3twAAAICAgO/v7////////////////////////////////////////////////////////////////////////////////4qKinh4eP////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7+/tHR0Z6env///////////9zc3KioqHt7e////////////////////////////////////////////////////////////////25ubm1tbdSeJkoAAABpdFJOU73ZwwHYvNkA9MK2uQmWB7CRty+FugOvHGC7BENSNu/5op+4i6FPtKpCQJObczBJMZpdQSE8U6AsGiQ9mStxF4wpfQtrSio5iHaNEH56RB9ivc7lW615yd/3LhmGiqgYkE6lSEdcWm9uDaeTbm0AAAJlSURBVFjDpdhnY9owEAbgC44DGA8gZo9A0pC99x5N0+y9uveA//8DKkjS2EZnn8T7TZb0fLDBujOE/WP+NQNWADahl65vjRsVANQb4/a6pIsJmV9xG9yx4z8zVEEZ+QL8xEcUgpD6sQh4Fr+ngoT1afDP9LqvoI+rEBR1XMeFuSpQUp3DhOEE0JIY5gsLKlCjLvCELIgk2y58BbEMeoWCKiioBbewooFotBWnoFdAPBXdIWyATDZehCVVSlCXngVlDeSypjwJsyCb2UdBGZMWxpSWsA/y2W8JvR0IvU3hyO5AsI+YUEQmLy8cg4tLZFWRCYf8qe76lWN0Ve/mLzsMgxlDgHqXY9hVR4iYCUkK4EMkoUgCcKIIv2kASvyBLS7Qw1nbwyW2oEIFEOIVWGSATwyBTQe4RM275r7hAzSJxn3bT8I97Gv0RX2EKJv37k+7L4QeGhGciEYaDyH3pTS7lx4ighMMiITansVbIBM8gO1/DVSCC7D9g/ylUeJVtv8N0AgEYPvzGonAAC0P/BetdwMGsFcthPew+152DMvY89ljwi6/eoqW7xyjuzIfSOw2z4udDt72O60T510HQvLx5I1LA/Gns7skLZSeK5CPksDA/xom0y8F9Gde6qislJB1VGJ5QwIw8s568rMlDFjv3TXtVEwQiE156+rVnBCQW22v7SdFiNwkr7+YT9Cf4zy/x0mmiUA6ifVZm6MkYHQT7/VSM8FdgjaT8u03l4Oqyw/LgV3zxIDff2mC1LlvH9S422sH2+Te3yycDHkrjZOCKfb9IXx2en5sfLOsT1Xj+Pz0DF33DyC+XFQVR1uRAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	cursor: move
}
.kniu_img_compare_range[type=range] {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}
@media (min-width:calc(1024px - 60px)) {
.kniu_img_compare_group {
width:auto
}
.kniu_img_compare_tool {
top:calc(50% - 30px);
left:calc(50% - 30px);
width:60px;
height:60px
}
}
.kniu_form_required {
	zoom: 1
}
.kniu_form_required_error {
	border: 1px solid var(--kniu_red)!important
}
.kniu_form_labels.kniu_form_required_error {
	border: none!important
}
.kniu_form_required_error [type=radio]~.kniu_form_text::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3636" class="bi bi-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/></svg>')
}
.kniu_form_required_error [type=radio]~.kniu_form_text:hover:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3636" class="bi bi-circle-fill" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/></svg>')
}
.kniu_form_required_error [type=radio]:checked~.kniu_form_text::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3636" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>')
}
.kniu_form_required_error [type=checkbox]~.kniu_form_text::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3636" class="bi bi-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/></svg>')
}
.kniu_form_required_error [type=checkbox]~.kniu_form_text:hover:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3636" class="bi bi-square-fill" viewBox="0 0 16 16"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2z"/></svg>')
}
.kniu_form_required_error [type=checkbox]:checked~.kniu_form_text::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3636" class="bi bi-check-square-fill" viewBox="0 0 16 16"><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"/></svg>')
}
.kniu_svg_group {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_svg {
	border: 1px solid var(--kniu_white);
	display: inline-block;
	background-color: var(--kniu_white)
}
.kniu_mode_multiply {
	mix-blend-mode: multiply
}
.kniu_object_fill {
	object-fit: fill;
	width: 100%;
	height: 100%
}
.kniu_w_80 {
	width: calc(80/var(--APP))!important
}
.kniu_w_100 {
	width: calc(100/var(--APP))!important
}
.kniu_w_110 {
	width: calc(110/var(--APP))!important
}
.kniu_w_120 {
	width: calc(120/var(--APP))!important
}
.kniu_w_160 {
	width: calc(160/var(--APP))!important
}
.kniu_w_200 {
	width: calc(200/var(--APP))!important
}
.kniu_w_400 {
	width: calc(400/var(--APP))!important
}
.kniu_form_app>.kniu_form_input, .kniu_form_app>.kniu_form_text, .kniu_form_app>.kniu_input_icon_group>.kniu_w_200, .kniu_form_app>.kniu_w_100, .kniu_form_app>.kniu_w_110, .kniu_form_app>.kniu_w_120, .kniu_form_app>.kniu_w_160, .kniu_form_app>.kniu_w_200, .kniu_form_app>.kniu_w_400, .kniu_form_app>.kniu_w_80 {
	width: 100%!important
}
.kniu_h_40 {
	height: calc(40/var(--APP))!important
}
.kniu_h_50 {
	height: calc(50/var(--APP))!important
}
.kniu_h_55 {
	height: calc(55/var(--APP))!important
}
.kniu_h_70 {
	height: calc(70/var(--APP))!important
}
.kniu_h_80 {
	height: calc(80/var(--APP))!important
}
.kniu_form_app>.kniu_form_text.kniu_h_50 {
	height: auto!important
}
@media (min-width:calc(1024px - 60px)) {
.kniu_form_app>.kniu_form_text {
width:auto!important
}
.kniu_form_app>.kniu_form_input {
width:auto
}
.kniu_form_app>.kniu_form_text.kniu_h_50 {
height:calc(50/var(--PCS))!important
}
.kniu_form_app>.kniu_w_80, .kniu_w_80 {
width:calc(80/var(--PCS))!important
}
.kniu_form_app>.kniu_w_100, .kniu_w_100 {
width:calc(100/var(--PCS))!important
}
.kniu_form_app>.kniu_w_110, .kniu_w_110 {
width:calc(110/var(--PCS))!important
}
.kniu_form_app>.kniu_w_120, .kniu_w_120 {
width:calc(120/var(--PCS))!important
}
.kniu_form_app>.kniu_w_160, .kniu_w_160 {
width:calc(160/var(--PCS))!important
}
.kniu_form_app>.kniu_input_date_wrap>.kniu_w_200, .kniu_form_app>.kniu_input_icon_group>.kniu_w_200, .kniu_form_app>.kniu_w_200, .kniu_w_200 {
width:calc(200/var(--PCS))!important
}
.kniu_form_app>.kniu_w_400, .kniu_w_400 {
width:calc(400/var(--PCS))!important
}
.kniu_h_40 {
height:calc(40/var(--PCS))!important
}
.kniu_h_50 {
height:calc(50/var(--PCS))!important
}
.kniu_h_55 {
height:calc(55/var(--PCS))!important
}
.kniu_h_70 {
height:calc(70/var(--PCS))!important
}
.kniu_h_80 {
height:calc(80/var(--PCS))!important
}
}
.weui-icon-btn_close {
	width: 16px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAZlBMVEUAAABMS1hIR1VUU19NTFlCQE1gX2tdW2hWVWJJSFY7O0hMS1hRUF1cW2dPTls9PEhDQU9MS1llZG8ODRoTEyIzMkFIR1RDQU5PTlpYVmJycXwiITELChwSESMHBRcXFicEAxUbGivJn3n2AAAAG3RSTlMAo6SVlK+RoaCxsK2imLGmoJiC7Oa0p5iKgXgHlMhoAAAA+0lEQVQoz3VR7Y7CMAxLN9h2N2C78XWQpC3v/5JEdCNVP/yjSmXZTmR4XnZQwf9lAX7xXGZbQoae0A4ldsdII8BkkUyBdUh7ENwI6ZCyHaG7hrFh1Wsu/WwfY9H3ibOywtOq151/IYKJ/Tsba0M+oR9W5zg3yud5u/cKGSZGNsH5lLPhvsdDHt0qzXdOd84rcoivaoGwCM1tjb07dBLd1/ttO+GbEvtHnwYb7S/GkdZ7e4/WFLS8D+NBRpNoRXL63p/mtxZp1O/MaIeIDc6KwSJP6qys+nPz3cqOWb9b/l0G1aq/R7pJvx5d6CjX2x5Emznr/bCcDVRwPHdvagwWN4mw4okAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	background-color: var(--kniu_bg0)
}
.kniu_app_head, .kniu_app_head>.kniu_container {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_app_head {
	width: 100%
}
@media (min-width:calc(1280px - 60px)) {
.kniu_app_head {
display:none
}
}
.kniu_app_head_body {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_app_head_title {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_app_head_logo {
	max-width: none;
	width: auto;
	height: 70%
}
.kniu_app_head_title+.kniu_app_head_lang {
	margin-left: 10px
}
.kniu_app_head_lang {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	font-size: 13px
}
.kniu_app_lang_line {
	margin-right: 5px;
	margin-left: 5px
}
.kniu_app_head_navs_group {
	z-index: 2;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	height: 100%
}
.kniu_app_head_bar {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column;
	width: 30px;
	height: 100%;
	font-size: 36px
}
.kniu_app_head_bar::after, .kniu_app_head_bar::before, .kniu_app_head_bar_icon {
	width: 100%;
	height: 2px;
	background-color: var(--kniu_white);
	transition: top .18s, transform .18s, opacity .18s;
	-webkit-transition: top .18s, transform .18s, opacity .18s;
	-moz-transition: top .18s, transform .18s, opacity .18s;
	-ms-transition: top .18s, transform .18s, opacity .18s;
	-o-transition: top .18s, transform .18s, opacity .18s
}
.kniu_app_head_bar::after, .kniu_app_head_bar::before {
	content: "";
	position: relative;
	top: 0;
	display: block
}
.kniu_app_head_bar_icon {
	margin: 5px 0
}
.kniu_app_head_navs_group.active .kniu_app_head_bar::before {
	top: 7px;
	transform: rotateZ(-45deg);
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg)
}
.kniu_app_head_navs_group.active .kniu_app_head_bar::after {
	top: -7px;
	transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg)
}
.kniu_app_head_navs_group.active .kniu_app_head_bar_icon {
	width: 0;
	opacity: 0
}
.kniu_app_head_navs {
	position: absolute;
	top: 100%;
	right: 0;
	overflow-y: auto;
	display: none;
	min-width: 100px;
	width: auto;
	background-color: var(--kniu_gray1)
}
.kniu_app_head_navs_group.active .kniu_app_head_navs {
	display: block
}
.kniu_app_head_nav_dropdown_link, .kniu_app_head_nav_link, .kniu_app_head_nav_sub_dropdown_link, .kniu_app_head_nav_title, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 10px;
	white-space: nowrap
}
.kniu_app_head_nav_dropdown_link:active, .kniu_app_head_nav_sub_dropdown_link:active, .kniu_app_head_nav_title:active, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title:active {
	background-color: var(--kniu_readonly)
}
.kniu_app_head_nav.active .kniu_app_head_nav_title_icon1, .kniu_app_head_nav_dropdown, .kniu_app_head_nav_title_icon2 {
	display: none
}
.kniu_app_head_nav+.kniu_app_head_nav, .kniu_app_head_nav_dropdown_link, .kniu_app_head_nav_sub_dropdown_link, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title {
	border-top: 1px solid #222
}
.kniu_app_head_nav.active .kniu_app_head_nav_dropdown, .kniu_app_head_nav.active .kniu_app_head_nav_title_icon2 {
	display: block
}
.kniu_app_head_nav_title_icon1, .kniu_app_head_nav_title_icon2 {
	font-family: monospace
}
.kniu_app_head_nav_dropdown_link, .kniu_app_head_nav_sub_dropdown_link {
	color: var(--kniu_gray4)
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title {
	color: var(--kniu_gray2)
}
.kniu_app_head_navs_group .kniu_mask_fixed {
	z-index: -1;
	background-color: var(--kniu_bg0);
	animation: animated_fadeIn .3s;
	-webkit-animation: animated_fadeIn .3s
}
.kniu_app_head_nav_group {
	z-index: 1;
	position: relative
}
.kniu_app_head_nav {
	color: var(--kniu_gray1)
}
.kniu_app_head_navs_group_type2.active .kniu_app_head_navs {
	position: fixed;
	top: 0;
	right: auto;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: var(--kniu_white);
	color: #666;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-ms-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	-o-box-shadow: 0 3px 6px 0 rgba(0,0,0,.3), 0 5px 10px 0 rgba(0,0,0,.3);
	animation: animated_navs_group_type2_active .3s;
	-webkit-animation: animated_navs_group_type2_active .3s
}
@keyframes animated_navs_group_type2_active {
0% {
transform:translateX(-30px);
-webkit-transform:translateX(-30px);
-moz-transform:translateX(-30px);
-ms-transform:translateX(-30px);
-o-transform:translateX(-30px);
opacity:0
}
100% {
transform:translateX(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
opacity:1
}
}
.kniu_app_head_navs_group_type2 .kniu_mask_fixed {
	background-color: var(--kniu_mask0)
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav+.kniu_app_head_nav, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_dropdown_link, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_dropdown_link, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title {
	border-top-color: var(--kniu_border0)
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav_dropdown_link, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_dropdown_link {
	padding-left: 15px
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title+.kniu_app_head_nav_sub_dropdown .kniu_app_head_nav_sub_dropdown_link {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title+.kniu_app_head_nav_sub_dropdown .kniu_app_head_nav_sub_dropdown_link::before, .kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title::before {
	display: inline-block;
	margin-right: 5px;
	width: auto;
	height: auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	color: inherit
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title::before {
	content: "├"
}
.kniu_app_head_navs_group_type2 .kniu_app_head_nav_sub_title+.kniu_app_head_nav_sub_dropdown .kniu_app_head_nav_sub_dropdown_link::before {
	content: "└"
}
.kniu_app_main {
	padding: 20px 0
}
.kniu_app_form {
	padding: 20px 0 80px
}
.kniu_app_cells_group {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: var(--kniu_white)
}
.kniu_app_cells_group+.kniu_app_cells_group {
	margin-top: 10px
}
.kniu_app_cells {
	font-size: 16px
}
.kniu_app_cell {
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 20px
}
.kniu_app_cell::before {
	content: "";
	position: absolute;
	top: 0;
	left: inherit;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: var(--kniu_border1)
}
.kniu_app_cell_head {
	width: 75px
}
.kniu_app_cell_body {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1
}
.kniu_app_cells_title, .kniu_app_input {
	width: 100%
}
.kniu_app_cells_title {
	margin-bottom: 10px;
	padding: 20px 20px 0;
	font-size: 14px;
	color: var(--kniu_gray4)
}
.kniu_app_text {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	color: var(--kniu_gray1)
}
.kniu_app_news_list {
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_app_news_item {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	border-bottom: 1px solid var(--kniu_border1);
	padding: 20px 0
}
.kniu_app_news_img_group {
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	width: 120px;
	height: 90px;
	background-color: var(--kniu_white)
}
.kniu_app_news_img {
	width: 100%
}
.kniu_app_news_text_group {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	margin-left: 20px
}
.kniu_app_btn, .kniu_app_btns {
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_app_btn, .kniu_app_btns {
	display: flex;
	display: -webkit-flex;
	width: 100%
}
.kniu_app_btns {
	margin-top: 20px
}
.kniu_app_btn {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 0 10px;
	height: 45px;
	font-weight: 700;
	font-size: 17px;
	white-space: nowrap;
	background-color: var(--kniu_brand);
	color: var(--kniu_white)
}
.kniu_app_btn_inline {
	display: inline-flex;
	display: -webkit-inline-flex;
	padding: 0 20px;
	width: auto
}
.kniu_app_form a:active, .kniu_app_form a:hover, .kniu_app_main a:active, .kniu_app_main a:hover {
	color: #fff
}
.kniu_app_btn:active, .kniu_app_btn:hover {
	color: var(--kniu_white)
}
.kniu_app_btn:active {
	opacity: .9
}
.kniu_app_label.kniu_app_cell:active, .kniu_app_label.kniu_app_cell:active input, .kniu_app_tabbar:active {
	background-color: var(--kniu_bg_active)
}
.kniu_app_card, .kniu_app_tabbar, .kniu_app_tabbars {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_app_tabbars {
	z-index: 9;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid var(--kniu_border1);
	padding-bottom: calc(constant(safe-area-inset-bottom));
	padding-bottom: calc(env(safe-area-inset-bottom));
	width: 100%;
	background-color: var(--kniu_white);
	color: var(--kniu_gray3)
}
.kniu_app_tabbar {
	flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	padding: 10px;
	text-align: center
}
.kniu_app_tabbar:hover {
	color: inherit
}
.kniu_app_tabbar_active, .kniu_app_tabbar_active:hover {
	color: var(--kniu_green_text)
}
.kniu_app_card_head {
	height: 20px
}
.kniu_app_card_img {
	max-width: none;
	width: auto;
	height: 100%
}
.kniu_app_card_img_bottom, .kniu_app_card_img_top {
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_app_card_img_bottom>.kniu_app_card_body, .kniu_app_card_img_top>.kniu_app_card_head {
	margin-bottom: 10px
}
.kniu_app_card_img_left>.kniu_app_card_head, .kniu_app_card_img_right>.kniu_app_card_body {
	margin-right: 10px
}
.kniu_app_card_img_bottom>.kniu_app_card_head, .kniu_app_card_img_right>.kniu_app_card_head {
	order: 2;
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	-o-order: 2
}
.kniu_app_card_img_bottom>.kniu_app_card_body, .kniu_app_card_img_right>.kniu_app_card_body {
	order: 1;
	-webkit-order: 1;
	-moz-order: 1;
	-ms-order: 1;
	-o-order: 1
}
.kniu_app_left_center {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center
}
.kniu_app_flex_column {
	display: flex;
	display: -webkit-flex;
	flex-flow: column;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	-o-flex-flow: column
}
.kniu_container {
	margin-right: auto;
	margin-left: auto;
width:calc(100% - 30/var(--PCS)*2)
}
.kniu_main_wraper {
	padding: 0 calc(15/var(--PCS)) calc(15/var(--PCS));
	width: 100%
}
@media (min-width:calc(1024px - 60px)) {
.kniu_container {
width:calc(100vw - 30/var(--PCS)*2)
}
}
@font-face {
	font-family: iconfont;
	src: url(fonts/icons.woff2?30af91bf14e37666a085fb8a161ff36d) format("woff2"), url(../fonts/icons.woff) format("woff")
}
.kniu_icon {
	display: inline-flex;
	display: -webkit-inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	font: 400 14px/1 iconfont;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.kniu_icon_2x {
	font-size: 2em
}
.kniu_icon_3x {
	font-size: 3em
}
.kniu_icon_4x {
	font-size: 4em
}
.kniu_icon_5x {
	font-size: 5em
}
.kniu_icon_spin {
	animation: icon_spin_animated 1.6s infinite linear;
	-webkit-animation: icon_spin_animated 1.6s infinite linear
}
@keyframes icon_spin_animated {
0% {
transform:rotate(0);
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0)
}
100% {
transform:rotate(359deg);
-webkit-transform:rotate(359deg);
-moz-transform:rotate(359deg);
-ms-transform:rotate(359deg);
-o-transform:rotate(359deg)
}
}
@media (min-width:calc(1600px - 60px)) {
.kniu_icon {
font-size:inherit
}
}
.kniu_paper_a4_landscape, .kniu_paper_a4_portrait {
	overflow: hidden;
	display: flex;
	display: -webkit-flex
}
.kniu_paper_a4_landscape+.kniu_paper_a4_landscape, .kniu_paper_a4_portrait+.kniu_paper_a4_portrait {
	margin: calc(60/var(--PCS1920)) 0 0
}
.kniu_paper_a4_landscape>.kniu_paper_body, .kniu_paper_a4_portrait>.kniu_paper_body {
	margin: auto
}
@media print {
@page {
size:A4 portrait;
margin:0
}
*, ::after, ::before {
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
	-moz-print-color-adjust: exact;
	-ms-print-color-adjust: exact;
	-o-print-color-adjust: exact
}
.kniu_paper_a4_landscape, .kniu_paper_a4_portrait, body, html {
	width: 100%
}
.kniu_back_top_group, .kniu_print_hide {
	display: none
}
.kniu_page_break {
	page-break-after: always
}
.kniu_paper_a4_landscape+.kniu_paper_a4_landscape, .kniu_paper_a4_portrait+.kniu_paper_a4_portrait {
	margin: 0
}
.kniu_paper_a4_landscape {
	height: 780px
}
.kniu_paper_a4_portrait {
	height: 1110px
}
}