/* 公共样式表 common.css */

@charset "UTF-8";

@media (max-width: 340px) {
	* {
		font-size: 99%;
	}
}

html, body {
	width: 100%;
	overflow-x: hidden;
}

body {
	font-family: "Roboto", "Noto Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
	background-color: #fff;
}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}
a {
	color: #fff;
}
a:hover {
	color: var(--q-color-info);
}

img {
	max-width: 100%;
}

.displaynone {
	display: none;
}
.tpl {
	display: none;
}

.mx-mindnn_nameplate {
	height: 31px!important;
	overflow: hidden;
	padding: 3px 4px 1px 0px;
	border: 1px ridge #456789;
	border-top: 4px solid #234567;
	/*border-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"%3E%3Cpath opacity="0" fill="%23ffd700" fill-opacity="1" stroke="%23ffd700" stroke-width="4" stroke-opacity="1" d="M 14,8 A 6,6 0 0 1 8,14 6,6 0 0 1 2,8 6,6 0 0 1 8,2 6,6 0 0 1 14,8 Z" /%3E%3C/svg%3E');
	border-image-width: 6px;
	border-image-slice: 16;*/
	border-radius: 3px;
	background: #234567;
	background-image: linear-gradient(180deg,hsla(0,0%,100%,0.2),hsla(0,0%,100%,0) 50%,rgba(0,0,0,0.06) 51%,rgba(0,0,0,0.04))!important;
	font-size: 16px;
	color: #fbfbfb;
	text-shadow: 0px -1px 1px #373737, 1px 0px 1px #373737, 0px 2px 0px #373737, -1px 0px 1px #373737;
}

	.mx-mdlogo {
		display: inline-flex;
		width: 24px;
		height: 24px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAFVBMVEUAAAA3NzfIyMj7+/vq6urZ2dkmJibC2y6JAAAAAXRSTlMAQObYZgAAAM9JREFUOMvdksENgkAURLUDBtQ7YygAkQKM24AQCvBC/yX4/4KOcNjolX94CbxkXkLYbexgl+2dP4p90TQNYKizlRiGHmiHYSXQklVddGSPpbiQrAvDGculjmDfGqq4JUF/55aTUKJETscUUUJijijRgIY5ooTEFFGiCHXuiBElJOaIEtdwh0MRE0d+Cz4+IjcRQkAEWaaFnz8cwi2PILFLCm3BoCWJEY5ZaEsf0ZbSQlu001Ja+JZdaToupYW2CPC9JHEaxxEwPLP///Zt3QujQzlhFWwyDgAAAABJRU5ErkJggg==) no-repeat left;
		background-size: contain;
		background-position: 0px 0px;
		vertical-align: bottom;
	}

	.mx-mindnn {
		font-size: 16px;
		font-weight: 200;
	}
		.mx-mind {
			font-weight: 600;
		}
		.mx-n1 {
			vertical-align: super;
			font-size: 100%;
		}
		.mx-n2 {
			vertical-align: super;
			font-size: 50%;
		}

.mx-btnActiveBorder button:focus {
	border: 2px solid var(--q-color-accent);
}

.mx-Ymiddle {
	position: absolute;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background: transparent;
}
.mx-Ymiddle:before {
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: transparent;
}
.mx-Ymiddle > div {
	width:100%;
	display: inline-block;
	vertical-align: middle;
}

.mx-logo img {
	transform: rotate(0deg);
	transition: transform .8s ease-in-out;
}
	.mx-logo:hover img {
		transform: rotate(-1turn);
	}
	.mx-logo:active img {
		transform: scale(1.1,1.1);
	}

.mx-drawerleft {
}
	.mx-drawerleft .q-item__section--side > .q-icon {
		font-size: 16px;
	}
	.mx-drawerleft .mx-scroll-area {
		background: repeating-conic-gradient(from 0deg at 0 10%, var(--q-color-primary), var(--q-color-accent), var(--q-color-primary) 36deg);
	}
	.mx-drawerleft .mx-toolbar-title {
		vertical-align: middle;
		font-size: 16px;
	}
	.mx-drawerleft .mx-list {
		color: #eef;
	}
		.mx-drawerleft .mx-list a {
			color: #eef;
		}
	.mx-drawerleft .mx-item {
	}
		.mx-drawerleft .mx-item .q-item__section {
			position: relative;
		}
		.mx-drawerleft .mx-item::before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: var(--q-color-secondary);
			opacity: 0.8;
			-webkit-backdrop-filter: blur(2px);
			backdrop-filter: blur(2px);
		}
	.mx-drawerleft .mx-expansion-item {
		position: relative;
	}
		.mx-drawerleft .mx-expansion-item::before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: var(--q-color-secondary);
			opacity: 0.8;
			-webkit-backdrop-filter: blur(2px);
			backdrop-filter: blur(2px);
		}
		.mx-drawerleft .mx-expansion-item .mx-subitem-expansion-item {
			position: relative;
			padding-left: 8px;
		}
			.mx-drawerleft .mx-expansion-item .mx-subitem-expansion-item::before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: var(--q-color-accent);
				opacity: 0.8;
				-webkit-backdrop-filter: blur(2px);
				backdrop-filter: blur(2px);
			}
			.mx-drawerleft .mx-expansion-item .mx-subitem-item {
				padding-left: 24px;
				height: 36px;
				/*border-left: 1px solid var(--q-color-secondary);*/
			}
				.mx-drawerleft .mx-expansion-item .mx-subitem-item .q-item__section {
					position: relative;
				}
				.mx-drawerleft .mx-expansion-item .mx-subitem-item::before {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background-color: var(--q-color-accent);
					opacity: 0.6;
					-webkit-backdrop-filter: blur(2px);
					backdrop-filter: blur(2px);
				}
		.mx-drawerleft .mx-expansion-item .mx-subitem {
			padding-left: 24px;
			height: 48px;
		}
			.mx-drawerleft .mx-expansion-item .mx-subitem .q-item__section {
				position: relative;
			}
			.mx-drawerleft .mx-expansion-item .mx-subitem::before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: var(--q-color-accent);
				opacity: 0.8;
				-webkit-backdrop-filter: blur(2px);
				backdrop-filter: blur(2px);
			}
		.mx-drawerleft .mx-expansion-item .q-item__section--side {
			color: #eef;
		}
	.mx-drawerleft .mx-item-label {
		color: #dde;
		padding: 10px 25px 10px 15px;
		font-size: 12px;
		background-color: rgba(255,255,255,.1);
		-webkit-backdrop-filter: blur(1px);
		backdrop-filter: blur(1px);
	}
	.mx-drawerleft .q-item__section--avatar {
		min-width: auto;
	}
	.mx-drawerleft .q-item--active {
		color: var(--q-color-info);
		border-left: 3px solid var(--q-color-info);
	}

.mx-drawerright {
}
	.mx-drawerright .mx-toolbar {
		background-color: #122323;
	}

.mx-menu {
	box-shadow: none;
	background: none;
	border-radius: unset;
}
	.mx-menu a {
		color: #484848;
	}
	.mx-menu a:hover {
		color: var(--q-color-info);
	}

	.mx-menu span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
	}

.q-toolbar {
	padding: 0 6px;
}
.q-toolbar__title {
	font-size: initial;
	padding: 0 6px;
}

.mx-bar-filter {
	min-height: 64px;
	height: auto;
}

.mx-card {
	border-top: 3px solid #777;
	border-color: var(--q-color-secondary);
}

.mx-card-glassmorphism {
	border: 1px solid rgba(255,255,255,.5);
	background-color: rgba(255,255,255,.8);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.mx-table {
	border-top: 3px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

.q-field--outlined .q-field__control, .q-field--standout .q-field__control {
	padding: 0 12px 0 4px;
}
.mx-asterisk {
	font-size: 8px;
	color: var(--q-color-negative);
}
.mx-asterisk_text {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding-top: 2px;
	color: var(--q-color-negative);
}
.q-field--dense .q-field__prepend {
	padding: 0 3px 0 1px;
}
.q-field__before, .q-field__prepend {
	padding: 0 6px;
}

.mx-bg-arc_top {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 20"%3E%3Cpath fill="%23234567" d="M 4410,-3990 A 4010,4010 0 0 1 400,20 4010,4010 0 0 1 -3610,-3990 4010,4010 0 0 1 400,-8000 4010,4010 0 0 1 4410,-3990 Z" /%3E%3C/svg%3E');
	background-color: rgba(12,56,34,.1);
	background-size: 800px 20px;
}

.mx-bg-carbon_fibre {
	background:
		radial-gradient(#f8f8f8 15%, transparent 16%) 0 0,
		radial-gradient(#f8f8f8 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color:#fff;
	background-size:16px 16px;
}

.mx-bg-honeycomb {
	background:
		radial-gradient(circle farthest-side at 0% 50%,#ffffff 23.5%,rgba(254,254,254,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#f8f8f8 24%,rgba(254,254,254,0) 0)19px 30px,
		linear-gradient(#ffffff 14%,rgba(254,254,254,0) 0, rgba(254,254,254,0) 85%,#ffffff 0)0 0,
		linear-gradient(150deg,#ffffff 24%,#f8f8f8 0,#f8f8f8 26%,rgba(254,254,254,0) 0,rgba(254,254,254,0) 74%,#f8f8f8 0,#f8f8f8 76%,#ffffff 0)0 0,
		linear-gradient(30deg,#ffffff 24%,#f8f8f8 0,#f8f8f8 26%,rgba(254,254,254,0) 0,rgba(254,254,254,0) 74%,#f8f8f8 0,#f8f8f8 76%,#ffffff 0)0 0,
		linear-gradient(90deg,#f8f8f8 2%,#ffffff 0,#ffffff 98%,#f8f8f8 0%)0 0 #ffffff;
	background-color:#fff;
	background-size: 40px 60px;
}

.mx-bg-honeycomb_svg {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 100"%3E%3Cpath fill="none" d="M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100"  stroke="%23f8f8f8" stroke-width="1" /%3E%3Cpath fill="none" d="M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34"  stroke="%23f8f8f8" stroke-width="1" /%3E%3C/svg%3E');
	background-color:#fff;
	background-size: 56px 100px;
}

.mx-echarts {
	width:100%;
}
.mx-echarts div {
	margin: 0 auto !important;
}

.mx-card-title {
	margin-left: -24px;
	padding: 2px 10px 2px 24px;
	background: #e0e0e0;
	color: #616161;
	position: relative;
	border-radius: 3px 5px 5px 0;
}

.mx-gridbutton {
    padding: 20px 0 30px;
}

    .mx-gridbutton a {
        color: #3f3f3f;
    }

    .mx-gridbutton-borderx {
        border-left: 1px solid rgba(0,0,0,.12);
        border-right: 1px solid rgba(0,0,0,.12);
    }

    .mx-gridbutton-borderl {
        border-left: 1px solid rgba(0,0,0,.12);
    }
    .mx-gridbutton-borderr {
        border-right: 1px solid rgba(0,0,0,.12);
    }

    .mx-gridbutton-borderrb {
        border-right: 1px solid rgba(0,0,0,.06);
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

.mx-gridbutton-icon {
    font-size: 28px;
    padding: 10px 10px 15px;
}

.mx-list2 {}
	.mx-list2 .mx-item2 {
		border: 1px solid #ccc;
		border-left-width: 2px;
		border-left-color: var(--q-color-primary);
	}

.q-date__header {
	padding: 6px;
	text-align: center;
}
.q-date--portrait-standard .q-date__header {
	height: 64px;
}
.q-date__header-title-label {
	font-size: 18px;
}
.q-date__header-title div {
	width: 100%;
}

.mx-bar-title {
	vertical-align: baseline;
}

.mx-bar-button {
	vertical-align: top;
}

.mx-text-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mx-select .q-field--auto-height.q-field--dense.q-field--labeled .q-field__native span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mx-select .q-field--auto-height.q-field--dense.q-field--labeled .q-field__control {
	min-height: 32px;
	height: 32px;
}
.mx-select .q-field--auto-height.q-field--dense.q-field--labeled .q-field__label {
	font-size: 12px;
    top: 6px;
}
.mx-select .q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 12px;
}
.mx-select .q-field--auto-height.q-field--dense.q-field--labeled .q-field__marginal {
    height: 32px;
}

.mx-input .q-field--dense.q-field--labeled .q-field__control {
	height: 32px;
}
.mx-input .q-field--dense.q-field--labeled .q-field__label {
	font-size: 12px;
    top: 6px;
}

.mx-chipleft {
	margin-left: -18px!important;
    margin-right: 0px;
    position: relative;
	border-radius: 0px;
	font-size: 10px!important;
}
.mx-chipleft:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #777777;
    border-width: 4px 0 0 6px;
}
.mx-chipright {
	margin-left: 6px!important;
    margin-right: -10px;
    position: relative;
	border-radius: 0px;
	font-size: 10px!important;
}
.mx-chipright:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #777777;
    border-width: 4px 6px 0 0;
}

.mx-sliderGradient .q-slider__track-container--h {
    height: 36px;
}
.mx-sliderGradient .q-slider__track-container {
    background-image: linear-gradient(to right, #4BAE32, #F3E722 36%, #F08323 64%, #ED1F24) !important;
}
.mx-sliderGradient .q-slider__track-markers--h {
    background-image: repeating-linear-gradient(90deg, currentColor, #eee 1px, transparent 0, transparent);
}
.mx-sliderGradient .q-slider__track {
    background: transparent;
}

.mx-columnsH {
	font-weight: 500 !important;
	font-size: 12px !important;
	/*padding: 0 0 0 12px !important;*/
	padding: 0!important;
	text-align: center;
}
	.mx-columnsH .q-table__sort-icon {
		margin: 0 !important;
	}
.mx-columns {
	font-size: 13px !important;
}

.q-table--dense .q-table td:first-child, .q-table--dense .q-table th:first-child {
    padding-left: 14px;
}

.glossy {
	background-image: linear-gradient(180deg,hsla(0,0%,100%,0.2),hsla(0,0%,100%,0) 50%,rgba(0,0,0,0.06) 51%,rgba(0,0,0,0.04))!important;
}

.q-menu .q-list .q-item .column {
	white-space: nowrap;
}

.mx-page-sticky > div {
	width: 100%;
}

.mx-input .q-field__bottom--stale {
	position: absolute;
	top: -4px;
	right: -8px;
}

.mx-input .q-field__append .q-icon {
	margin: 13px -11px 0 0;
}

.mx-medal-text {
	background: linear-gradient(to right, #b87333 0%, #c0c0c0 50%, #ffd700 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}