@import url("fonts.css");

:root {
	--white: #FFF;
	--black: #000;
	--dark: #333333;
	--dark-grey: #666666;
	--middle-grey: #999999;
	--light-grey: #CCCCCC;
	--light: #DDDDDD;
	--super-light: #EEEEEE;
	--dark-blue: #003366;
	--middle-blue: #0099FF;
	--light-blue: #00FFFF;
	--dark-green: #336633;
	--middle-green: #009933;
	--light-green: #00FF66;
	--dark-orange: #996633;
	--middle-orange: #FF6600;
	--light-orange: #FFFF33;
	--dark-red: #990000;
	--middle-red: #CC0000;
	--light-red: #EE0000;
	--muted: rgba(51, 51, 51, .5);
	--dark-bg: #0d1623;
	--light-bg: rgba(30, 47, 70, .05);
}

::-webkit-scrollbar {
	width: 8px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: rgb(255 255 255);
}

::-webkit-scrollbar-thumb {
	background: rgb(0 0 0 / 50%);
	cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
	background: rgb(0 0 0);
}

::selection {
	color: #FFFFFF;
	background: #0099FF;
}

.bg-white{
	background-color: #FFFFFF !important;
}
.bg-dark-red {
	background-color: #990000 !important;
}

.bg-middle-red {
	background-color: #CC0000 !important;
}

.bg-light-red {
	background-color: #EE0000 !important;
}

.bg-dark-orange {
	background-color: #996633 !important;
}

.bg-middle-orange {
	background-color: ##FF6600 !important;
}

.bg-light-orange {
	background-color: #FFFF33 !important;
}

.bg-dark-green {
	background-color: #336633 !important;
}

.bg-middle-green {
	background-color: #009933 !important;
}

.bg-light-green {
	background-color: #00FF66 !important;
}

.bg-dark-blue {
	background-color: #003366 !important;
}

.bg-middle-blue {
	background-color: #0099FF !important;
}

.bg-light-blue {
	background-color: #00FFFF !important;
}

.bg-light {
	background-color: #DDDDDD !important;
}

.bg-super-light {
	background-color: #EEEEEE !important;
}

.bg-dark {
	background-color: #333333 !important;
}

.bg-dark-grey {
	background-color: #666666 !important;
}

.bg-middle-grey {
	background-color: #999999 !important;
}

.bg-light-grey {
	background-color: #CCCCCC !important;
}

html {
	font-family: "AE", "Roboto", "Helvetica Neue", "sans-serif", "Arial", "Microsoft YaHei", "PingFangSC-Regular", "\5fae\8f6f\96c5\9ed1", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 100px;
	font-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
	line-height: 1;
	font-weight: 400;
	color: #666666;
}

@-ms-viewport {
	width: device-width;
}

html,
body {
	width: 100%;
	height: auto;
}

body {
	background: #FFF;
}

.no-scroll {
	overflow: hidden !important;
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

*::after,
*::before {
	box-sizing: border-box;
}

body,
div,
ol,
ul,
li,
dd,
dt,
table,
tr,
td,
th,
nav,
p,
span,
input,
a,
button,
form,
select,
option {
	font-size: .12rem;
}

[tabindex="-1"]:focus {
	outline: 0 !important;
}

a {
	color: #0066cc;
	text-decoration: none;
	outline: none;
}

a:hover,
a:focus,
a:active {
	color: #0099ff;
	text-decoration: underline;
}

a:focus,
a:active {
	text-decoration: none;
}

a.tag {
	font-family: "ROBOTO";
	letter-spacing: 1px;
	height: 30px;
	line-height: 30px;
	color: #333333;
	padding: 0 15px;
	margin: 5px;
	background-color: rgb(0 0 0 / 3%);
	transition: all .1s;
	white-space: nowrap;
	user-select: none;
}
a.tag .yw{
	transition: all .3s ease;
}
a.tag:hover,
a.tag.active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099FF;
}
a.tag:hover .yw{
	transform: rotate(360deg) scale(1.4);
}

a.tag .num {
	display: inline-block;
	font-family: "ROBOTO";
	font-size: 12px;
	transform: scale(.8);
}

a.row{
	color: inherit;
	cursor: pointer;
}
a.row:hover{
	text-decoration: none;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

hr.light {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

hr.dot {
	border-top-style: dotted !important;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: 0.08rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

h1,
.h1 {
	font-size: .4rem;
}

h2,
.h2 {
	font-size: .32rem;
}

h3,
.h3 {
	font-size: .28rem;
}

h4,
.h4 {
	font-size: .24rem;
}

h5,
.h5 {
	font-size: .2rem;
}

h6,
.h6 {
	font-size: .16rem;
}

input,
textarea,
select {
	background: #FFF;
	border: solid 1px #EEE;
	outline: none;
	transition: all .1s;
}

input:hover,
textarea:hover,
select:hover,
input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus {}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #ccc;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ccc;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #ccc;
}

.pointer {
	cursor: pointer !important;
}

.text-transparent{
	color: transparent!important;
}

.text-primary{
	color: #ef5327 !important;
}

.text-dark {
	color: #000000 !important;
}

.text-dark-red {
	color: #990000 !important;
}

.text-middle-red {
	color: #CC0000 !important;
}

.text-light-red {
	color: #EE0000 !important;
}

.text-dark-blue {
	color: #003366 !important;
}

.text-middle-blue {
	color: #0099FF !important;
}

.text-light-blue {
	color: #00FFFF !important;
}

.text-dark-green {
	color: #336633 !important;
}

.text-middle-green {
	color: #009933 !important;
}

.text-light-green {
	color: #00FF66 !important;
}

.text-dark-orange {
	color: #996633 !important;
}

.text-middle-orange {
	color: #FF6600 !important;
}

.text-light-orange {
	color: #FFFF33 !important;
}

.text-white {
	color: #FFF !important;
}

.text-light {
	color: #DDDDDD !important;
}

.text-super-light {
	color: #EEEEEE !important;
}

.text-dark-grey {
	color: #666666 !important;
}

.text-middle-grey {
	color: #999999 !important;
}

.text-light-grey {
	color: #CCCCCC !important;
}

.text-muted {
	color: rgba(51, 51, 51, .5) !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.f-ae {
	font-family: "AE" !important;
}

.f-price{
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC" !important;
}
.f-roboto {
	font-family: "ROBOTO" !important;
}
.f-anton {
	font-family: "ANTON" !important;
}

.f-os{
	font-family: "OS" !important;
}

.f-oseb{
	font-family: "OSEB" !important;
}

.f-manrope{
	font-family: "MANROPE" !important;
}

.f-cg {
	font-family: "CG" !important;
}

.f-pinyin {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.f-arial {
	font-family: arial !important;
}

.f-simsun {
	font-family: "simsun" !important;
}

.f-upp{
	text-transform: uppercase!important;
}
.f-cap{
	text-transform: capitalize!important;
}

.f-10 {
	font-size: .1rem !important;
}

.f-12 {
	font-size: .12rem !important;
}

.f-14 {
	font-size: .14rem !important;
}

.f-16 {
	font-size: .16rem !important;
}

.f-18 {
	font-size: .18rem !important;
}

.f-20 {
	font-size: .20rem !important;
}

.f-24 {
	font-size: .24rem !important;
}

.f-28 {
	font-size: .28rem !important;
}

.f-30 {
	font-size: .3rem !important;
}

.f-36 {
	font-size: .36rem !important;
}

.f-42 {
	font-size: .42rem !important;
}

.f-48 {
	font-size: .48rem !important;
}

.f-b {
	font-weight: 700 !important;
}

.l-1 {
	line-height: 1 !important;
}

.l-2 {
	line-height: 1.5em !important;
}

.l-3 {
	line-height: 2em !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 5px !important;
}

.p-2 {
	padding: 10px !important;
}

.p-3 {
	padding: 15px !important;
}

.p-4 {
	padding: 20px !important;
}

.p-5 {
	padding: 25px !important;
}

.p-6 {
	padding: 30px !important;
}

.p-10 {
	padding: 50px !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-1 {
	padding-top: 5px !important;
}

.pt-2 {
	padding-top: 10px !important;
}

.pt-3 {
	padding-top: 15px !important;
}

.pt-4 {
	padding-top: 20px !important;
}

.pt-5 {
	padding-top: 25px !important;
}

.pt-6 {
	padding-top: 30px !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pr-1 {
	padding-right: 5px !important;
}

.pr-2 {
	padding-right: 10px !important;
}

.pr-3 {
	padding-right: 15px !important;
}

.pr-4 {
	padding-right: 20px !important;
}

.pr-5 {
	padding-right: 25px !important;
}

.pr-6 {
	padding-right: 30px !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-1 {
	padding-bottom: 5px !important;
}

.pb-2 {
	padding-bottom: 10px !important;
}

.pb-3 {
	padding-bottom: 15px !important;
}

.pb-4 {
	padding-bottom: 20px !important;
}

.pb-5 {
	padding-bottom: 25px !important;
}

.pb-6 {
	padding-bottom: 30px !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pl-1 {
	padding-left: 5px !important;
}

.pl-2 {
	padding-left: 10px !important;
}

.pl-3 {
	padding-left: 15px !important;
}

.pl-4 {
	padding-left: 20px !important;
}

.pl-5 {
	padding-left: 25px !important;
}

.pl-6 {
	padding-left: 30px !important;
}

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 5px !important;
}

.m-2 {
	margin: 10px !important;
}

.m-3 {
	margin: 15px !important;
}

.m-4 {
	margin: 20px !important;
}

.m-5 {
	margin: 25px !important;
}

.m-6 {
	margin: 30px !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 5px !important;
}

.mt-2 {
	margin-top: 10px !important;
}

.mt-3 {
	margin-top: 15px !important;
}

.mt-4 {
	margin-top: 20px !important;
}

.mt-5 {
	margin-top: 25px !important;
}

.mt-6 {
	margin-top: 30px !important;
}

.mt-lg {
	margin-top: 100px !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-1 {
	margin-right: 5px !important;
}

.mr-2 {
	margin-right: 10px !important;
}

.mr-3 {
	margin-right: 15px !important;
}

.mr-4 {
	margin-right: 20px !important;
}

.mr-5 {
	margin-right: 25px !important;
}

.mr-6 {
	margin-right: 30px !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 5px !important;
}

.mb-2 {
	margin-bottom: 10px !important;
}

.mb-3 {
	margin-bottom: 15px !important;
}

.mb-4 {
	margin-bottom: 20px !important;
}

.mb-5 {
	margin-bottom: 25px !important;
}

.mb-6 {
	margin-bottom: 30px !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-1 {
	margin-left: 5px !important;
}

.ml-2 {
	margin-left: 10px !important;
}

.ml-3 {
	margin-left: 15px !important;
}

.ml-4 {
	margin-left: 20px !important;
}

.ml-5 {
	margin-left: 25px !important;
}

.ml-6 {
	margin-left: 30px !important;
}

.outer {
	padding-left: .15rem;
	padding-right: .15rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px!important;
}

.outer-full {
	width: 100%;
	margin: 0;
	padding-left: .15rem;
	padding-right: .15rem;
}

.outer-auto {
	width: auto;
	min-width: 100%;
	padding-left: .15rem;
	padding-right: .15rem;
}

@media (min-width: 576px) {
	.outer {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.outer {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.outer {
		max-width: 960px;
	}
}

@media (min-width: 1300px) {
	.outer {
		max-width: 1200px;
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-five{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-five{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.order-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}

.order-last {
	-webkit-box-ordinal-group: 14;
	-ms-flex-order: 13;
	order: 13;
}

.order-0 {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}

.order-1 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.order-2 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.order-3 {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.order-4 {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}

.order-5 {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}

.order-6 {
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
}

.order-7 {
	-webkit-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
}

.order-8 {
	-webkit-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8;
}

.order-9 {
	-webkit-box-ordinal-group: 10;
	-ms-flex-order: 9;
	order: 9;
}

.order-10 {
	-webkit-box-ordinal-group: 11;
	-ms-flex-order: 10;
	order: 10;
}

.order-11 {
	-webkit-box-ordinal-group: 12;
	-ms-flex-order: 11;
	order: 11;
}

.order-12 {
	-webkit-box-ordinal-group: 13;
	-ms-flex-order: 12;
	order: 12;
}

.offset-1 {
	margin-left: 8.333333%;
}

.offset-2 {
	margin-left: 16.666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.333333%;
}

.offset-5 {
	margin-left: 41.666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.333333%;
}

.offset-8 {
	margin-left: 66.666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.333333%;
}

.offset-11 {
	margin-left: 91.666667%;
}

@media (min-width: 576px) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-sm-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-sm-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-sm-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-sm-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-sm-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-sm-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-sm-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13;
	}

	.order-sm-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-sm-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-sm-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-sm-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-sm-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-sm-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-sm-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order-sm-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.order-sm-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}

	.order-sm-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}

	.order-sm-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}

	.order-sm-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}

	.order-sm-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.333333%;
	}

	.offset-sm-2 {
		margin-left: 16.666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.333333%;
	}

	.offset-sm-5 {
		margin-left: 41.666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.333333%;
	}

	.offset-sm-8 {
		margin-left: 66.666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.333333%;
	}

	.offset-sm-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width: 768px) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-md-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-md-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-md-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13;
	}

	.order-md-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-md-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-md-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-md-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-md-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-md-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-md-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order-md-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.order-md-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}

	.order-md-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}

	.order-md-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}

	.order-md-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}

	.order-md-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.333333%;
	}

	.offset-md-2 {
		margin-left: 16.666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.333333%;
	}

	.offset-md-5 {
		margin-left: 41.666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.333333%;
	}

	.offset-md-8 {
		margin-left: 66.666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.333333%;
	}

	.offset-md-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width: 992px) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-lg-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-lg-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-lg-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-lg-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13;
	}

	.order-lg-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-lg-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-lg-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-lg-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-lg-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-lg-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-lg-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order-lg-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.order-lg-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}

	.order-lg-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}

	.order-lg-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}

	.order-lg-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}

	.order-lg-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.333333%;
	}

	.offset-lg-2 {
		margin-left: 16.666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.333333%;
	}

	.offset-lg-5 {
		margin-left: 41.666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.333333%;
	}

	.offset-lg-8 {
		margin-left: 66.666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.333333%;
	}

	.offset-lg-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-xl-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-xl-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13;
	}

	.order-xl-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-xl-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-xl-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-xl-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-xl-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-xl-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-xl-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order-xl-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.order-xl-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}

	.order-xl-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}

	.order-xl-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}

	.order-xl-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}

	.order-xl-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.333333%;
	}

	.offset-xl-2 {
		margin-left: 16.666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.333333%;
	}

	.offset-xl-5 {
		margin-left: 41.666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.333333%;
	}

	.offset-xl-8 {
		margin-left: 66.666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.333333%;
	}

	.offset-xl-11 {
		margin-left: 91.666667%;
	}
}

.btn {
	font-family: "AE", "sans-serif", "Arial", "Microsoft YaHei", PingFangSC-Regular, "\5fae\8f6f\96c5\9ed1", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	position: relative;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #f2f2f2;
	background-image: linear-gradient(0deg, #e3e3e3, #f2f2f2);
	border: 1px solid #ccc;
	padding: 0 12px;
	line-height: 28px;
	height: 30px;
	cursor: pointer;
	transition: all 0.1s;
	color: #333;
	z-index: 0;
	border-radius: .25em;
}

.btn:hover,
.btn:focus,
.btn:active {
	background-color: #f3f3f3;
	background-image: linear-gradient(180deg, #e3e3e3, #f2f2f2);
	box-shadow: 0 0 0 6px rgba(204, 204, 204, .2);
	text-decoration: none;
	z-index: 1;
	color: #333;
}

.btn:focus,
.btn.focus,
.btn:active {
	outline: 0;
}

.btn.disabled,
.btn:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn.block {
	width: 100% !important;
}

.btn.half {
	width: 50% !important;
}

.btn.triple {
	width: 33.3333333333% !important;
}

.btn .badge{
	position: absolute;
	display: inline-block;
	background-color: #0099FF;
	font-size: 12px;
	font-family: "ROBOTO";
	color: #FFFFFF;
	line-height: 1em;
	padding: 2px 4px;
	border-radius: 4px;
	top: 0;
	left: calc(100% - 10px);
	transform: scale(.8);
}

.btn.btn-sm {
	line-height: 18px !important;
	height: 20px;
	padding: 0 8px;
}

.btn.btn-sm .fa,
.btn.btn-sm .yw {
	line-height: 18px !important;
}

.btn.btn-xs {
	line-height: 12px !important;
	height: 14px;
	padding: 0 2px;
}

.btn.btn-xs .fa,
.btn.btn-xs .yw {
	line-height: 12px !important;
}

.btn.btn-lg {
	line-height: 38px !important;
	height: 40px;
	padding: 0 16px;
	font-size: .14rem;
}

.btn.btn-lg .fa,
.btn.btn-lg .yw {
	line-height: 38px !important;
}

.btn.btn-sb {
	line-height: 53px !important;
	height: 55px;
	padding: 0 32px;
	font-size: .16rem;
}

.btn.btn-sb .fa {
	line-height: 53px !important;
}

.btn.btn-block {
	width: 100%;
}

.btn.btn-f {
	background-color: #f2f2f2;
	border-color: #ccc;
	background-image: none;
}

.btn.btn-f:hover,
.btn.btn-f:focus,
.btn.btn-f:active {
	background-color: #fff;
}

.btn.btn-o {
	background-color: #fff;
	border-color: #ddd;
	background-image: none;
}

.btn.btn-o:hover,
.btn.btn-o:focus,
.btn.btn-o:active {
	background-color: #f2f2f2;
	border-color: #ccc;
}

.btn-dark {
	background-color: #181818;
	background-image: linear-gradient(0deg, #242424 0%, #181818 36%, #3a3a3a 100%);
	border-color: #181818;
	color: rgba(255, 255, 255, .9) !important;
}

.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active {
	background-image: linear-gradient(180deg, #242424 0%, #181818 36%, #3a3a3a 100%);
	box-shadow: 0 0 0 6px rgba(51, 51, 51, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-dark {
	background-color: #282828;
	background-image: none;
	border-color: #181818;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-dark:hover,
.btn.btn-f-dark:focus,
.btn.btn-f-dark:active {
	background-color: #181818;
	box-shadow: 0 0 0 6px rgba(51, 51, 51, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-dark {
	background-color: #fff;
	background-image: none;
	border-color: #3a3a3a;
}

.btn.btn-o-dark:hover,
.btn.btn-o-dark:focus,
.btn.btn-o-dark:active {
	background-color: #181818;
	box-shadow: 0 0 0 6px rgba(51, 51, 51, .2);
	color: rgba(255, 255, 255, .9);
}


.btn-purple {
	background-color: #645394;
	background-image: linear-gradient(0deg, #705da5 0%, #564880 100%);
	border-color: #645394;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active {
	background-image: linear-gradient(180deg, #705da5 0%, #564880 100%);
	box-shadow: 0 0 0 6px rgba(100, 83, 148, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-purple {
	background-color: #645394;
	background-image: none;
	border-color: #645394;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-purple:hover,
.btn.btn-f-purple:focus,
.btn.btn-f-purple:active {
	background-color: #645394;
	box-shadow: 0 0 0 6px rgba(100, 83, 148, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-purple {
	background-color: #fff;
	background-image: none;
	border-color: #645394;
}

.btn.btn-o-purple:hover,
.btn.btn-o-purple:focus,
.btn.btn-o-purple:active {
	background-color: #fff;
	box-shadow: 0 0 0 6px rgba(100, 83, 148, .2);
}


.btn-danger {
	background-color: #98243a;
	background-image: linear-gradient(0deg, #cd0000 0%, #98243a 100%);
	border-color: #bb0500;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active {
	background-image: linear-gradient(180deg, #cd0000 0%, #98243a 100%);
	box-shadow: 0 0 0 6px rgba(255, 26, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-danger {
	background-color: #98243a;
	background-image: none;
	border-color: #bb0500;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-danger:hover,
.btn.btn-f-danger:focus,
.btn.btn-f-danger:active {
	background-color: #cd0000;
	box-shadow: 0 0 0 6px rgba(255, 26, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-danger {
	background-color: #fff;
	background-image: none;
	border-color: #bb0500;
	color: #bb0500;
}

.btn.btn-o-danger:hover,
.btn.btn-o-danger:focus,
.btn.btn-o-danger:active {
	background-color: #cd0000;
	box-shadow: 0 0 0 6px rgba(255, 26, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn-red {
	background-color: #be2239;
	background-image: linear-gradient(0deg, #9b2335 0%, #be2239 100%);
	border-color: #9b2335;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active {
	background-image: linear-gradient(180deg, #9b2335 0%, #be2239 100%);
	box-shadow: 0 0 0 6px rgba(237, 90, 106, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-red {
	background-color: #be2239;
	background-image: none;
	border-color: #9b2335;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-red:hover,
.btn.btn-f-red:focus,
.btn.btn-f-red:active {
	background-color: #9b2335;
	box-shadow: 0 0 0 6px rgba(237, 90, 106, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-red {
	background-color: #fff;
	background-image: none;
	border-color: #be2239;
	color: #be2239;
}

.btn.btn-o-red:hover,
.btn.btn-o-red:focus,
.btn.btn-o-red:active {
	background-color: #be2239;
	box-shadow: 0 0 0 6px rgba(237, 90, 106, .2);
	color: rgba(255, 255, 255, .9);
}

.btn-warning {
	background-color: #ffa443;
	background-image: linear-gradient(0deg, #ff7400 0%, #ffa443 100%);
	border-color: #c95d00;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active {
	background-image: linear-gradient(180deg, #ff7400 0%, #ffa443 100%);
	box-shadow: 0 0 0 6px rgba(255, 116, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-warning {
	background-color: #ff7400;
	background-image: none;
	border-color: #c95d00;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-warning:hover,
.btn.btn-f-warning:focus,
.btn.btn-f-warning:active {
	background-color: #ffa443;
	box-shadow: 0 0 0 6px rgba(255, 116, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-warning {
	background-color: #fff;
	background-image: none;
	border-color: #ff7400;
	color: #ff7400;
}

.btn.btn-o-warning:hover,
.btn.btn-o-warning:focus,
.btn.btn-o-warning:active {
	background-color: #ffa443;
	box-shadow: 0 0 0 6px rgba(255, 116, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn-grey {
	background-color: #999;
	background-image: linear-gradient(0deg, #666 0%, #999 100%);
	border-color: #636363;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-grey:hover,
.btn.btn-grey:focus,
.btn.btn-grey:active {
	background-image: linear-gradient(180deg, #666 0%, #999 100%);
	box-shadow: 0 0 0 6px rgba(102, 102, 102, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-grey {
	background-color: #777;
	background-image: none;
	border-color: #636363;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-grey:hover,
.btn.btn-f-grey:focus,
.btn.btn-f-grey:active {
	background-color: #666;
	box-shadow: 0 0 0 6px rgba(102, 102, 102, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-grey {
	background-color: #fff;
	background-image: none;
	border-color: #999;
	color: #666;
}

.btn.btn-o-grey:hover,
.btn.btn-o-grey:focus,
.btn.btn-o-grey:active {
	background-color: #666;
	box-shadow: 0 0 0 6px rgba(102, 102, 102, .2);
	color: rgba(255, 255, 255, .9);
	border-color: #666;
}

.btn-primary {
	background-color: #1a73e8;
	background-image: linear-gradient(0deg, #083daa 0%, #1a73e8 100%);
	border-color: #0a37b8;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	background-image: linear-gradient(180deg, #083daa 0%, #1a73e8 100%);
	box-shadow: 0 0 0 6px rgba(8, 61, 170, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-primary {
	background-color: #1a73e8;
	background-image: none;
	border-color: #0a37b8;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-primary:hover,
.btn.btn-f-primary:focus,
.btn.btn-f-primary:active {
	background-color: #083daa;
	box-shadow: 0 0 0 6px rgba(8, 61, 170, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-primary {
	background-color: #fff;
	background-image: none;
	border-color: #1a73e8;
	color: #1a73e8;
}

.btn.btn-o-primary:hover,
.btn.btn-o-primary:focus,
.btn.btn-o-primary:active {
	background-color: #083daa;
	box-shadow: 0 0 0 6px rgba(8, 61, 170, .2);
	color: rgba(255, 255, 255, .9);
	border-color: #0a37b8;
}

.btn-success {
	background-color: #4ba614;
	background-image: linear-gradient(0deg, #008c00 0%, #4ba614 100%);
	border-color: #008200;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active {
	background-image: linear-gradient(180deg, #008c00 0%, #4ba614 100%);
	box-shadow: 0 0 0 6px rgba(0, 140, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-success {
	background-color: #4ba614;
	background-image: none;
	border-color: #008200;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-success:hover,
.btn.btn-f-success:focus,
.btn.btn-f-success:active {
	background-color: #008c00;
	box-shadow: 0 0 0 6px rgba(0, 140, 0, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-success {
	background-color: #fff;
	background-image: none;
	border-color: #4ba614;
	color: #4ba614;
}

.btn.btn-o-success:hover,
.btn.btn-o-success:focus,
.btn.btn-o-success:active {
	background-color: #008c00;
	box-shadow: 0 0 0 6px rgba(0, 140, 0, .2);
	color: rgba(255, 255, 255, .9);
	border-color: #008200;
}

.btn-info {
	background-color: #00b7ea;
	background-image: linear-gradient(0deg, #009ec3 0%, #00b7ea 100%);
	border-color: #0087ae;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info:active {
	background-image: linear-gradient(180deg, #009ec3 0%, #00b7ea 100%);
	box-shadow: 0 0 0 6px rgba(0, 158, 195, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-info {
	background-color: #00b7ea;
	background-image: none;
	border-color: #0087ae;
	color: rgba(255, 255, 255, .9);
}

.btn.btn-f-info:hover,
.btn.btn-f-info:focus,
.btn.btn-f-info:active {
	background-color: #009ec3;
	box-shadow: 0 0 0 6px rgba(0, 158, 195, .2);
	color: rgba(255, 255, 255, .9);
}

.btn.btn-o-info {
	background-color: #fff;
	background-image: none;
	border-color: #00b7ea;
	color: #00b7ea;
}

.btn.btn-o-info:hover,
.btn.btn-o-info:focus,
.btn.btn-o-info:active {
	background-color: #009ec3;
	box-shadow: 0 0 0 6px rgba(0, 158, 195, .2);
	color: rgba(255, 255, 255, .9);
	border-color: #0087ae;
}

.btn-a-link {
	background-color: transparent;
	background-image: none;
	border-color: transparent;
	color: #0099FF !important;
	text-align: left;
	padding: 0 !important;
}

.btn.btn-a-link:hover,
.btn.btn-a-link:focus,
.btn.btn-a-link:active {
	background-color: transparent;
	background-image: none;
	border-color: transparent;
	box-shadow: none;
	text-decoration: underline;
	color: #0099FF;
}


.btn:disabled:focus,
.btn:disabled:hover,
.btn:disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn.disabled:active {
	box-shadow: none;
}

a.btn,
a.btn:hover,
a.btn:focus,
a.btn:visited,
a.btn:active {
	text-decoration: none;
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group,
.btn-group .dropmenu-toggle,
.btn-group .dropmenu-toggle+.btn,
.btn-group .hovermenu-toggle,
.btn-group .hovermenu-toggle+.btn {
	margin-left: -1px;
}

.btn-group>.btn:first-child {
	margin-left: 0;
}

.btn-group>.btn:not(:last-child):not(.dropmenu-toggle),
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group .dropmenu-toggle:not(:last-child)>.btn,
.btn-group .hovermenu-toggle:not(:last-child)>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group .dropmenu-toggle:not(:first-child)>.btn,
.btn-group .hovermenu-toggle:not(:first-child)>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group-vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group,
.btn-group-vertical .dropmenu-toggle,
.btn-group-vertical .hovermenu-toggle,
.btn-group-vertical .dropmenu-toggle .btn,
.btn-group-vertical .hovermenu-toggle .btn,
.btn-group-vertical .dropmenu-toggle .btn-group,
.btn-group-vertical .hovermenu-toggle .btn-group {
	width: 100%;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group,
.btn-group-vertical .dropmenu-toggle,
.btn-group-vertical .dropmenu-toggle+.btn,
.btn-group-vertical .hovermenu-toggle,
.btn-group-vertical .hovermenu-toggle+.btn {
	margin-top: -1px;
	margin-left: 0;
}

.btn-group-vertical>.btn:not(:last-child):not(.dropmenu-toggle),
.btn-group-vertical>.btn:not(:last-child):not(.hovermenu-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical .dropmenu-toggle:not(:last-child)>.btn,
.btn-group-vertical .hovermenu-toggle:not(:last-child)>.btn {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical .dropmenu-toggle:not(:first-child)>.btn,
.btn-group-vertical .hovermenu-toggle:not(:first-child)>.btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn-group-vertical .dropmenu-toggle,
.btn-group-vertical .hovermenu-toggle {
	width: 100%;
}

.btn.border-less,
.btn-group.border-less,
.btn-group-vertical.border-less,
.btn-group.border-less .btn,
.btn-group-vertical.border-less .btn {
	border: none !important;
}

.btn.radius-less,
.btn-group.radius-less,
.btn-group-vertical.radius-less,
.btn-group.radius-less .btn,
.btn-group-vertical.radius-less .btn {
	border-radius: 0 !important;
}

.btn-group input.btn:not(:disabled),
.btn-group-vertical input.btn:not(:disabled) {
	cursor: text;
	background: #fff;
	text-align: left;
	color: #333;
}

.btn-group input[type=number].btn:not(:disabled),
.btn-group-vertical input[type=number].btn:not(:disabled) {
	padding-right: 0 !important;
}

.btn-group.block {
	width: 100% !important;
}

.btn.btn-ui {
	font-size: .13333rem;
	height: auto;
	line-height: 1;
	color: #FFF;
	padding: 10px 15px;
	letter-spacing: 1px;
	text-shadow: rgba(0, 0, 0, .3) 1px 1px 0;
	background: #333;
	border: 1px solid #242424;
	border-radius: 4px;
	box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
	transition: all 0.1s linear;
	overflow: hidden;
}

.btn.btn-ui:hover {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px, inset rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(0, 0, 0, 0.25) 0px 0px 0px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
}

.btn.btn-ui:active,
.btn.btn-ui:focus {
	box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, 0.5) 0px 0px 5px, inset rgba(255, 255, 255, 0.03) 0px 20px 0px, inset rgba(0, 0, 0, 0.15) 0px -20px 20px, inset rgba(255, 255, 255, 0.05) 0px 20px 20px;
}

.btn.btn-ui::before {
	content: "";
	height: 1px;
	width: 120%;
	position: absolute;
	top: 0;
	left: -20%;
	right: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 95%);
	padding: 0px 12px;
	box-shadow: 0px 1px 5px rgba(255, 255, 255, 1);
	transition: all 0.3s ease-in-out;
}

.btn.btn-ui:hover::before {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 80%);
	left: 0;
}

.btn.btn-ui:active::before,
.btn.btn-ui:focus::before {
	opacity: 0;
}

.btn.btn-ui:disabled,
.btn.btn-ui.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
}

.btn.btn-ui.grey {
	background-color: #666 !important;
}

.btn.btn-ui.primary {
	background-color: #1a73e8 !important;
	border-color: #0a37b8;
}

.btn.btn-ui.danger {
	background-color: #98243a !important;
	border-color: #bb0500;
}

.btn.btn-ui.red {
	background-color: #be2239 !important;
	border-color: #c84553;
}

.btn.btn-ui.info {
	background-color: #00b7ea !important;
	border-color: #0087ae;
}

.btn.btn-ui.success {
	background-color: #4ba614 !important;
	border-color: #008200;
}

.btn.btn-ui.warning {
	background-color: #ffa443 !important;
	border-color: #c95d00;
}

.btn.btn-ui .fa,
.btn.btn-ui .yw {
	line-height: 1 !important;
}

.dropmenu-toggle,
.hovermenu-toggle {
	position: relative;
	display: inline-block;
}

.dropmenu-toggle>.dropmenu,
.hovermenu-toggle>.hovermenu {
	position: absolute;
	z-index: 999;
	left: 0;
	top: 100%;
	min-width: 100px;
	background-color: #fff;
	border: solid 1px rgba(0, 0, 0, .1);
	border-radius: 5px;
	padding: 0 10px;
	margin: 2px 0 0 0;
	display: none;
}

.dropmenu-toggle>.dropmenu::after,
.hovermenu-toggle>.hovermenu::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: -5px;
	left: 5px;
	border: solid 1px rgba(0, 0, 0, .1);
	background: #fff;
	transform: rotate(45deg);
	border-bottom: none;
	border-right: none;
	z-index: -1;
}

.dropmenu-toggle>.dropmenu.bottom-right,
.hovermenu-toggle>.hovermenu.bottom-right {
	top: 100%;
	right: 0;
	bottom: auto;
	left: auto;
}

.dropmenu-toggle>.dropmenu.bottom-right::after,
.hovermenu-toggle>.hovermenu.bottom-right::after {
	left: auto;
	right: 5px;
}

.dropmenu-toggle>.dropmenu.top-left,
.hovermenu-toggle>.hovermenu.top-left {
	top: auto;
	right: auto;
	left: 0;
	bottom: 100%;
	margin: 0 0 2px 0;
}

.dropmenu-toggle>.dropmenu.top-left::after,
.hovermenu-toggle>.hovermenu.top-left::after {
	top: auto;
	bottom: -5px;
	transform: rotate(-135deg);
}

.dropmenu-toggle>.dropmenu.top-right,
.hovermenu-toggle>.hovermenu.top-right {
	left: auto;
	bottom: 100%;
	top: auto;
	right: 0;
	margin: 0 0 2px 0;
}

.dropmenu-toggle>.dropmenu.top-right::after,
.hovermenu-toggle>.hovermenu.top-right::after {
	top: auto;
	bottom: -5px;
	left: auto;
	right: 5px;
	transform: rotate(-135deg);
}

.dropmenu-toggle>.dropmenu.right-top,
.hovermenu-toggle>.hovermenu.right-top {
	left: 100%;
	bottom: auto;
	top: 0;
	right: auto;
	margin: 0 0 0 2px;
}

.dropmenu-toggle>.dropmenu.right-top::after,
.hovermenu-toggle>.hovermenu.right-top::after {
	top: 5px;
	left: -5px;
	transform: rotate(-45deg);
}

.dropmenu-toggle>.dropmenu.right-bottom,
.hovermenu-toggle>.hovermenu.right-bottom {
	left: 100%;
	bottom: 0;
	top: auto;
	right: auto;
	margin: 0 0 0 2px;
}

.dropmenu-toggle>.dropmenu.right-bottom::after,
.hovermenu-toggle>.hovermenu.right-bottom::after {
	top: auto;
	bottom: 5px;
	left: -5px;
	transform: rotate(-45deg);
}

.dropmenu-toggle>.dropmenu.left-top,
.hovermenu-toggle>.hovermenu.left-top {
	left: auto;
	bottom: auto;
	top: 0;
	right: 100%;
	margin: 0 2px 0 0;
}

.dropmenu-toggle>.dropmenu.left-top::after,
.hovermenu-toggle>.hovermenu.left-top::after {
	top: 5px;
	left: auto;
	right: -5px;
	transform: rotate(135deg);
}

.dropmenu-toggle>.dropmenu.left-bottom,
.hovermenu-toggle>.hovermenu.left-bottom {
	left: auto;
	bottom: 0;
	top: auto;
	right: 100%;
	margin: 0 2px 0 0;
}

.dropmenu-toggle>.dropmenu.left-bottom::after,
.hovermenu-toggle>.hovermenu.left-bottom::after {
	top: auto;
	bottom: 5px;
	left: auto;
	right: -5px;
	transform: rotate(135deg);
}

.hovermenu-toggle>.hovermenu,
.hovermenu-toggle>.hovermenu.bottom-right,
.hovermenu-toggle>.hovermenu.top-left,
.hovermenu-toggle>.hovermenu.top-right,
.hovermenu-toggle>.hovermenu.right-top,
.hovermenu-toggle>.hovermenu.right-bottom,
.hovermenu-toggle>.hovermenu.left-top,
.hovermenu-toggle>.hovermenu.left-bottom {
	margin: 0 !important;
}

.row.item-list {}

.row.item-list.no-gap {
	margin: 0;
}

.row.item-list .item {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
}

.row.item-list.no-gap .item {
	background: #FFF;
	position: relative !important;
	border: solid 1px rgba(0, 0, 0, .1);
	padding: 0;
	margin-left: -1px;
	margin-top: -1px;
	z-index: 1;
	transition: all .1s;
}

.row.item-list.no-gap .item:hover {
	z-index: 3;
	box-shadow: 0 0 0 5px rgba(25, 115, 232, .3);
	border-color: #1A73E8 !important;
}

.row.item-list.no-gap .item.active {
	z-index: 2;
	border-color: #1A73E8 !important;
	box-shadow: 0 0 0 1px #1A73E8;
}

.row.item-list .item .wrap.light {
	background-image: linear-gradient(#fff, #f1f1f1);
	border-radius: 3px;
	box-shadow: 0 4px 11px 0 rgba(37, 44, 97, .15), 0 1px 3px 0 rgba(93, 100, 148, .2);
	transition: all .1s;
}

.row.item-list .item .wrap.light:hover {
	box-shadow: 0 4px 11px 0 rgba(37, 44, 97, .35), 0 1px 3px 0 rgba(93, 100, 148, .4);
}

.row.item-list .item .item-header,
.row.item-list .item .item-header:hover {
	box-shadow: none;
}

.row.item-list.no-gap .item .item-header,
.row.item-list.no-gap .item .item-footer {
	background-color: #f3f3f3;
	border-bottom: solid 1px rgba(0, 0, 0, .1);
	font-weight: normal;
	text-align: left;
	color: #333;
	position: relative;
	white-space: nowrap;
}

.row.item-list.no-gap .item .item-footer {
	border-top: solid 1px #bbb;
	border-bottom: none !important;
}

.row.item-list .item .wrap .item-header {
	position: relative;
	z-index: 1;
}

.row.item-list .item .wrap .item-header:first-child::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .2), transparent);
}

.row.item-list .item .wrap .item-header:last-child::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .2), transparent);
}

.row.item-list .item .item-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.rounded {
	border-radius: 0.25rem !important;
}

.rounded-top {
	border-top-left-radius: 0.02rem !important;
	border-top-right-radius: 0.02rem !important;
}

.rounded-right {
	border-top-right-radius: 0.02rem !important;
	border-bottom-right-radius: 0.02rem !important;
}

.rounded-bottom {
	border-bottom-right-radius: 0.02rem !important;
	border-bottom-left-radius: 0.02rem !important;
}

.rounded-left {
	border-top-left-radius: 0.02rem !important;
	border-bottom-left-radius: 0.02rem !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

.flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}

.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.align-items-end {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.align-items-baseline {
	-webkit-box-align: baseline !important;
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}

.align-items-stretch {
	-webkit-box-align: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important;
}

.align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important;
}

@media (min-width: 576px) {
	.flex-sm-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-sm-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-sm-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-sm-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-sm-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-sm-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-sm-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-sm-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-sm-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-sm-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 768px) {
	.flex-md-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-md-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-md-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-md-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-md-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-md-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-md-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-md-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-md-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 992px) {
	.flex-lg-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-lg-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-lg-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-lg-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-lg-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-lg-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-lg-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-lg-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-lg-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-lg-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 1200px) {
	.flex-xl-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-xl-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xl-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-xl-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-xl-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-xl-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-xl-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-xl-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

@media (min-width: 576px) {
	.float-sm-left {
		float: left !important;
	}

	.float-sm-right {
		float: right !important;
	}

	.float-sm-none {
		float: none !important;
	}
}

@media (min-width: 768px) {
	.float-md-left {
		float: left !important;
	}

	.float-md-right {
		float: right !important;
	}

	.float-md-none {
		float: none !important;
	}
}

@media (min-width: 992px) {
	.float-lg-left {
		float: left !important;
	}

	.float-lg-right {
		float: right !important;
	}

	.float-lg-none {
		float: none !important;
	}
}

@media (min-width: 1200px) {
	.float-xl-left {
		float: left !important;
	}

	.float-xl-right {
		float: right !important;
	}

	.float-xl-none {
		float: none !important;
	}
}

.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}

.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}

	to {
		background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: -15px 0;
	}

	to {
		background-position: 0 0;
	}
}

.progress {
	display: -ms-flexbox;
	display: flex;
	height: .16rem;
	overflow: hidden;
	background-color: #666;
	user-select: none;
}

.progress-bar {
	font-family: "Manrope";
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #1A73E8;
	transition: width 0.6s ease;
}

.progress-bar.red {
	background-color: #be2239;
}

.progress.sm {
	height: 8px !important;
}

.progress.xs {
	height: 3px !important;
}

.progress.lg {
	height: 25px !important;
}

.progress.sm .progress-bar,
.progress.xs .progress-bar {
	color: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
	.progress-bar {
		transition: none;
	}
}

.progress-bar-striped {
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent);
	background-size: 15px 15px;
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.progress-bar-animated {
		-webkit-animation: none;
		animation: none;
	}
}

.toptip {
	position: absolute;
	display: inline-block;
	line-height: 2em;
	z-index: 3999;
	left: 0;
	top: 0;
	max-width: 200px;
}

.toptip .wrap {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background: #0099FF;
	color: rgba(255, 255, 255, 1);
	padding: 5px 10px;
	font-family: "Roboto";
	letter-spacing: 1px;
	border-radius: 5px;
	white-space: nowrap;
}

.toptip .wrap::after {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: -1;
	width: 10px;
	height: 10px;
	background: #0099FF;
	transform: rotate(45deg);
	left: calc(50% - 4px);
	bottom: -5px;
}

.toptip.bottom .wrap::after {
	top: -5px;
	bottom: auto;
}

.toptip.left .wrap::after {
	top: calc(50% - 5px);
	bottom: auto;
	right: -5px;
	left: auto;
}

.toptip.right .wrap::after {
	top: calc(50% - 5px);
	bottom: auto;
	left: -5px;
	right: auto;
}

.mask {
	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	display: none;
}

.frame-mask {
	background: rgba(0, 0, 0, .5);
	z-index: 1001;
	cursor: pointer;
}

.dialog-mask {
	background: rgb(255 255 255 / 90%);
	z-index: 2079;
}

.root-loading {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.root-loading.bg-0 {
	background-image: url(/resources/imgs/loading-0.svg) !important;
}

.root-loading.bg-1 {
	background-image: url(/resources/imgs/loading-1.svg) !important;
}

.root-loading.bg-2 {
	background-image: url(/resources/imgs/loading-2.svg) !important;
}

.root-loading.bg-3 {
	background-image: url(/resources/imgs/loading-3.svg) !important;
}

.root-loading.bg-4 {
	background-image: url(/resources/imgs/loading-4.svg) !important;
}

.root-loading.bg-5 {
	background-image: url(/resources/imgs/loading-5.svg) !important;
}

.root-loading.bg-6 {
	background-image: url(/resources/imgs/loading-6.svg) !important;
}

.root-loading.bg-7 {
	background-image: url(/resources/imgs/loading-7.svg) !important;
}

.root-loading.bg-8 {
	background-image: url(/resources/imgs/loading-8.svg) !important;
}

.root-loading.bg-9 {
	background-image: url(/resources/imgs/loading-9.svg) !important;
}


.dialog {
	width: 80%;
	height: 80%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	box-shadow: 0 0 0 5px rgb(0 0 0 / 10%);
	z-index: 2080;
	display: block;
	border-radius: 0;
}

.dialog .dialog-wrap {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

.dialog .dialog-wrap .dialog-title {
	width: 100%;
	height: 45px;
	line-height: 45px;
	user-select: none;
	padding: 0 65px 0 25px;
	font-weight: 400;
	color: #333333;
	letter-spacing: 1px;
	font-family: "Roboto";
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: move;
}
.dialog .dialog-wrap .dialog-title:hover{
	background-color: rgb(0 0 0 / 3%);
}

.dialog .dialog-wrap .dialog-title i {
	font-weight: normal !important;
}

.dialog .dialog-wrap .dialog-close {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 10;
}

.dialog .dialog-wrap .dialog-close .dialog-close-wrap {
	width: 45px;
	height: 45px;
	position: relative;
	z-index: 1;
}

.dialog .dialog-wrap .dialog-close .dialog-close-wrap::before,
.dialog .dialog-wrap .dialog-close .dialog-close-wrap::after {
	content: "";
	position: absolute;
	transform: rotate(45deg);
	top: 20px;
	left: 15px;
	width: 15px;
	height: 2px;
	background-color: #999;
	transition: all .3s ease;
}

.dialog .dialog-wrap .dialog-close .dialog-close-wrap::after {
	transform: rotate(-45deg);
}

.dialog .dialog-wrap .dialog-close .dialog-close-wrap:hover::before {
	background-color: #000;
	transform: rotate(-135deg);
}

.dialog .dialog-wrap .dialog-close .dialog-close-wrap:hover::after {
	background-color: #000;
	transform: rotate(135deg);
}

.dialog .dialog-wrap .dialog-iframe-wrap,
.dialog .dialog-wrap .dialog-ajax-wrap {
	width: 100%;
	flex: 1 auto;
	display: none;
	overflow: hidden;
}

.dialog .dialog-wrap .dialog-ajax-wrap .dialog-ajax {
	width: 100%;
	height: 100%;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
}

.dialog .dialog-wrap .dialog-iframe-wrap .dialog-iframe {
	width: 100%;
	height: 100%;
}

/*
	INPUT GROUP
*/
.input-outer{
	position: relative;
	z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
	border: solid 1px #ccc;
	background: #fff;
	transition: all .2s;
}
.input-outer.radius{
	border-radius: 20px;
}
.input-outer:hover{
	z-index: 3;
	border-color: #1A73E8;
}
.input-outer.active{
	z-index: 4;
	border-color: #1A73E8;
	box-shadow: 0 0 0 8px rgba(26,113,202,.1);
}
.input-outer.error{
	z-index: 2;
}
.input-outer.error, .input-outer.error:hover{
	border-color: #ed5a6a;
}
.input-outer.error.active{
	box-shadow: 0 0 0 8px rgba(237,90,106,.2);
}
.input-outer .f-text, .input-outer .l-text, .input-outer .m-text, .input-outer .input, .input-outer .button {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	white-space: nowrap;
}
.input-outer .input{
	min-height: 35px;
}
.input-outer.input-outer-sm .input, .input-outer.input-outer-sm .select{
	min-height: 30px;
}
.input-outer .f-text, .input-outer .l-text, .input-outer .m-text{
	position: relative;
	padding: 0 10px;
	color: #666;
}
.input-outer .f-text .yw, .input-outer .l-text .yw, .input-outer .m-text .yw{
	color: #666;
}
.input-outer .f-text::after, .input-outer .m-text::after{
	content: "";
	position: absolute;
	width: 1px;
	display: inline-block;
	height: 100%;
	right: 0;
	top: 0;
	background-image: linear-gradient(transparent 5%, #ccc, transparent 95%);
}
.input-outer .m-text::before, .input-outer .l-text::before{
	content: "";
	position: absolute;
	width: 1px;
	display: inline-block;
	height: 100%;
	top: 0;
	left: -1px;
	background-image: linear-gradient(transparent 5%, #ccc, transparent 95%);
}
.input-outer.active .f-text, .input-outer.active .l-text, .input-outer.active .m-text, .input-outer.active .f-text .yw, .input-outer.active .l-text .yw, .input-outer.active .m-text .yw{
	color: #1a71ca;
}
.input-outer.active .f-text::after, .input-outer.active .l-text::before, .input-outer.active .m-text::before, .input-outer.active .m-text::after{
	background-image: linear-gradient(transparent 5%, #1a71ca, transparent 95%);
}
.input-outer.error .f-text, .input-outer.error .l-text, .input-outer.error .m-text, .input-outer.error .f-text .yw, .input-outer.error .l-text .yw, .input-outer.error .m-text .yw{
	color: #ed5a6a;
}
.input-outer.error .f-text::after, .input-outer.error .l-text::before, .input-outer.error .m-text::before, .input-outer.error .m-text::after{
	background-image: linear-gradient(transparent 5%, #ed5a6a, transparent 95%);
}
.input-outer .input, .input-outer .button{
	flex:  auto;
	min-width: 0;
	width: auto;
	font-family: "AE", "sans-serif", "Arial", "Microsoft YaHei", PingFangSC-Regular, "\5fae\8f6f\96c5\9ed1", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.input-outer .input{
	border: none;
	outline: none;
	padding: 0 10px;
	-moz-appearance: textfield;
}
.input-outer .input::-webkit-outer-spin-button,.input-outer .input::-webkit-inner-spin-button{
	-webkit-appearance: none;
}
.input-outer .input:disabled{
	background: transparent!important;
	opacity: .7;
	cursor: not-allowed;
}

.input-outer textarea{
	resize: vertical;
	min-height: 100px!important;
	line-height: 1.5em!important;
	padding: 10px!important;
	white-space: normal!important;
}
.input-outer .img-code{
	display: block;
	cursor: pointer;
}
.input-outer .select{
	flex: auto;
	display: inline-block;
	background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%231a71ca' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 8px 10px;
	padding: 10px 18px 10px 10px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input-outer .select::-ms-expand {
opacity:0
}
.input-outer .select[multiple], .input-outer .select[size]:not([size="1"]) {
	height: auto;
	background-image: none
}
.input-outer .select:focus::-ms-value {
	color:#333;
	background-color:#fff
}
.input-outer .f-text .select, .input-outer .m-text .select, .input-outer .l-text .select{
	padding-left: 0!important;
	background-position: right center;
}
.input-outer.input-outer-sm{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
	flex: auto 0;
}
.input-outer.input-outer-sm .select{
	padding-top: 0;
	padding-bottom: 0;
}
.input-outer.input-outer-sm>.select{
	padding-right:30px;
}
.input-outer.input-outer-sm .f-text, .input-outer.input-outer-sm .l-text, .input-outer.input-outer-sm .m-text, .input-outer.input-outer-sm .input, .input-outer.input-outer-sm .button {
	white-space: nowrap;
}
.input-outer .result-help{
	position: absolute;
    top: calc(100% + 1px);
    border: solid 1px #ccc;
    border-top: none;
    width: calc(100% + 2px);
    left: -1px;
    background: #fff;
    text-align: left;
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
	max-height: 500px;
	overflow: auto;
	display: none;
}
.input-outer .result-help .result-item{
	padding: 0 5px;
	line-height: 25px;
	cursor: pointer;
}
.input-outer .result-help .result-item:hover{
	background: rgba(0,0,0,.1);
}

.check-box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	white-space: nowrap;
	user-select: none;
}

.check-box label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	cursor: pointer;
	user-select: none;
}

.check-box div, .check-box .label {
	height: 16px;
	line-height: 16px;
	font-size: .14rem;
}

.check-box input[type=checkbox],
.check-box input[type=radio] {
	display: none;
}

.check-box input+span {
	width: 16px;
	min-width: 16px;
	height: 16px;
	position: relative;
	background: #FFF;
	border: solid 1px #666;
	box-shadow: 0 0 2px rgba(0, 0, 0, .5) inset;
	transition: all .1s ease-in-out;
}

.check-box input[type=radio]+span {
	border-radius: 50%;
}

.check-box input[type=checkbox]:checked+span {
	background: #0099FF;
	border-color: #0099FF;
	box-shadow: none;
}

.check-box input[type=checkbox]+span::after,
.check-box input[type=checkbox]+span::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	background: #FFF;
	top: 50%;
	left: 50%;
	transform: rotate(45deg);
	transition: all .1s ease-in-out;
}

.check-box input[type=checkbox]:checked+span::after,
.check-box input[type=checkbox]:checked+span::before {
	position: absolute;
	content: "";
	width: 4px;
	height: 13px;
	background: #FFF;
	top: 1px;
	left: 7px;
	transform: rotate(45deg)
}

.check-box input[type=checkbox]:disabled+span,
.check-box input[type=checkbox]:disabled+span+.label {
	opacity: .6;
	cursor: not-allowed;
}

.check-box input[type=checkbox]:checked+span::before {
	height: 6px;
	left: 1px;
	top: 5px;
	transform: rotate(-45deg)
}

.check-box input[type=radio]:checked+span {
	background: #FFF;
	border-color: #0099FF;
}

.check-box input[type=radio]+span::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	background: #000;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transition: all .1s;
}

.check-box input[type=radio]:checked+span::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	background: #0099FF;
	top: 3px;
	left: 3px;
	border-radius: 50%;
}

.check-box span+.label {
	color: #666;
	margin-left: 5px;
}

.check-box input[type=radio]:checked+span+.label,
.check-box input[type=checkbox]:checked+span+.label {
	color: #0099FF;
}

.check-box.turn input+span {
	width: 32px !important;
	min-width: 32px;
	height: 16px;
	border-radius: 8px;
	background: #999;
	border: solid 1px #999;
	box-shadow: none;
}

.check-box.turn input:checked+span {
	background: #0099FF;
	border-color: #0099FF;
}

.check-box.turn input:disabled+span {
	opacity: .6;
	cursor: not-allowed;
}

.check-box.turn input+span::before {
	display: none;
}

.check-box.turn input+span::after,
.check-box.turn input:checked+span::after {
	display: block;
	width: 12px;
	height: 12px;
	left: 1px;
	top: 1px;
	background: #FFF;
	border-radius: 50%;
}

.check-box.turn input:checked+span::after {
	left: 16px;
}

.table{
	width: 100%;
	border-collapse:collapse;
    border-spacing: 0;
	border: solid 1px #e2e2e2;
}
.table td, .table th{
	white-space: normal;
	overflow-wrap: break-word;
	word-break: normal;
	line-height: 1.5;
}
.table td.e, .table th.e{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: keep-all;
}
.table td.w, .table th.w{
	white-space: normal!important;
	overflow-wrap: break-all!important;
	word-break: break-all!important;
}
.table td span.e, .table th span.e{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	max-width: 100%;
}
.table thead td, .table thead th, .table tfoot td, .table tfoot th{
	background-color: #1A73E8;
	border: solid 1px #1A73E8;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	text-shadow: 0 0 3px rgba(255,255,255,.2);
	color: #fff;
	letter-spacing: 1px;
	position: relative;
	white-space: nowrap;
	-webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.table thead td::before, .table thead th::before, .table tfoot td::before, .table tfoot th::before{
	content: "";
	height: 1px;
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	padding: 0px 12px;
	box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
	transition: all 0.3s ease-in-out;
}
.table thead td:hover::before, .table thead th:hover::before, .table tfoot td:hover::before, .table tfoot th:hover::before{
	left: calc(50% - 24px);
}
.table tbody th{
	background: #f1f7ff;
	border-color: #e2e2e2!important;
}
.table tbody tr{
	background-color: #FFF;
	transition: all .1s;
}
.table tbody td, .table tbody th{
	border: solid 1px #e2e2e2;
	padding: 10px;
	font-weight: normal;
	text-align: left;
}

.table.light{
	border-color: #e2e2e2;
}
.table.light thead tr td, .table.light thead tr th, .table.light tfoot tr td, .table.light tfoot tr th{
	background-color: #e9e9e9;
	box-shadow: none;
	color: #333;
}
.table.light thead td, .table.light thead th, .table.light tfoot td, .table.light tfoot th{
	border-color: #e2e2e2;
	color: #333;
	text-shadow: 1px 1px 0 #FFF;
}
.table.light tbody th{
	background-color: #f1f1f1;
}

.table.red{
	border-color: #ed5a6a;
}
.table.red thead tr td, .table.red thead tr th, .table.red tfoot tr td, .table.red tfoot tr th{
	background-color: #ed5a6a;
	color: #fff;
}
.table.red thead td, .table.red thead th, .table.red tfoot td, .table.red tfoot th{
	border-color: #ed5a6a;
	color: #333;
	text-shadow: 1px 1px 0 #000;
}
.table.red tbody th{
	background-color: #fff2f3;
}

.table.purple{
	border-color: #653b79;
}
.table.purple thead tr td, .table.purple thead tr th, .table.purple tfoot tr td, .table.purple tfoot tr th{
	background-color: #653b79;
	color: #fff;
}
.table.purple thead td, .table.purple thead th, .table.purple tfoot td, .table.purple tfoot th{
	border-color: #653b79;
	color: #333;
	text-shadow: 1px 1px 0 #000;
}
.table.purple tbody th{
	background-color: #f9edff;
}

.table.dark{
	border-color: #333;
}
.table.dark thead tr td, .table.dark thead tr th, .table.dark tfoot tr td, .table.dark tfoot tr th{
	background-color: #333;
	color: #fff;
}
.table.dark thead td, .table.dark thead th, .table.dark tfoot td, .table.dark tfoot th{
	border-color: #333;
	color: #333;
	text-shadow: 1px 1px 0 #000;
}
.table.dark tbody th{
	background-color: #f1f1f1;
}

.table.green{
	border-color: #44923d;
}
.table.green thead tr td, .table.green thead tr th, .table.green tfoot tr td, .table.green tfoot tr th{
	background-color: #44923d;
	color: #fff;
}
.table.green thead td, .table.green thead th, .table.green tfoot td, .table.green tfoot th{
	border-color: #44923d;
	color: #333;
	text-shadow: 1px 1px 0 #000;
}
.table.green tbody th{
	background-color: #f0ffef;
}

.table.orange{
	border-color: #915533;
}
.table.orange thead tr td, .table.orange thead tr th, .table.orange tfoot tr td, .table.orange tfoot tr th{
	background-color: #915533;
	color: #fff;
}
.table.orange thead td, .table.orange thead th, .table.orange tfoot td, .table.orange tfoot th{
	border-color: #915533;
	color: #333;
	text-shadow: 1px 1px 0 #000;
}
.table.orange tbody th{
	background-color: #fff3ec;
}

.table td.action, .table th.action{
	text-align: right;
	white-space: nowrap;
}
.table tfoot td.empty, .table tfoot th.empty{
	background: transparent!important;
	background-image: none!important;
	box-shadow: none!important;
	user-select: none;
	text-shadow: none;
	border-bottom-color: transparent;
	z-index: 1;
	color: #333!important;
}
.table thead td.empty, .table thead th.empty{
	background: transparent!important;
	background-image: none!important;
	box-shadow: none!important;
	user-select: none;
	text-shadow: none;
	border-top-color: transparent;
	z-index: 1;
}
.table td.empty::before, .table th.empty::before{
	display: none;
}
.table tfoot td.empty:first-child, .table tfoot th.empty:first-child, .table thead td.empty:first-child, .table thead th.empty:first-child{
	border-left-color: transparent;
	border-right: none;
}
.table tfoot td.empty:last-child, .table tfoot th.empty:last-child, .table thead td.empty:last-child, .table thead th.empty:last-child{
	border-left: none;
	border-right-color: transparent;
}
.table tfoot td.empty:not(:first-child):not(:last-child), .table tfoot th.empty:not(:first-child):not(:last-child), .table thead td.empty:not(:first-child):not(:last-child), .table thead th.empty:not(:first-child):not(:last-child){
	border-left: transparent;
	border-right: transparent;
}
.table .empty{
	color: inherit;
}
.table tbody td.active, .table tbody th.active{
	background-color: #ffffcc;
	z-index: 2!important;
}

.table.border-less, .table.border-none, .table.border-none td, .table.border-none th{
	border: none!important;
}
.table.border-less tbody td, .table.border-less tbody th{
	border-top: none;
	border-left: none;
	border-right: none;
}
.table.border-less tbody tr:last-child td, .table.border-less tbody tr:last-child th{
	border-bottom: none;
}
.table.border-less thead td, .table.border-less thead th{
	border-left: none;
	border-right: none;
	border-top: none;
}
.table.border-less tfoot td, .table.border-less tfoot th{
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.table.table-toggle tbody tr:nth-child(even){
	background-color: rgb(200 200 200 / 15%);
}
.table.table-hover tbody tr{
	transition: all .1s;
}
.table.table-hover tbody tr:hover{
	background-color: rgb(200 200 200 / 30%);
}

.table-outer{
	width: 100%;
	overflow: auto;
	position: relative;
	
}
.table-outer .table td, .table-outer th{
	white-space: nowrap;
	word-break: keep-all;
}
.table tr.active td{
	background-color: rgba(46,139,87,.1);
}

.notice {
	position: fixed;
	display: inline-block;
	z-index: 3000;
	bottom: 100px;
	background: rgb(0 0 0 / 80%);
	color: #FFF;
	padding: 8px 15px;
	border-radius: .25em;
	max-width: 400px;
	line-height: 1.5;
	white-space: normal;
	word-break: break-all;
	letter-spacing: 1px;
	user-select: none;
	font-family: "ROBOTO";
	font-size: 12px;
}

.notice.top{
	bottom: auto!important;
	top: 100px;
}
.notice.middle{
	bottom: 50%!important;
}

.notice.red {
	background: #CC0000;
}

.notice.warning {
	background: #FF6600;
}

.notice.primary {
	background: #0099FF;
}

.notice.animate {
	visibility: visible;
	animation: show-hide .3s;
	animation-fill-mode: forwards;
}

.mini-dialog{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgb(0 0 0 / 30%);
	left: 0;
	top: 0;
	z-index: 1290;
	display: none;
}
.mini-dialog .wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.mini-dialog .wrap .wrap-outter {
	background-color: rgb(255 255 255);
	min-width: 500px;
	max-width: 50%;
	max-height: 90%;
	box-shadow: 0 0 0 10px rgb(0 0 0 / 10%);
	position: relative;
	padding: 20px;
}
.mini-dialog .scroll{
	max-height: 50vh;
	overflow: auto;
	padding: 15px;
}

.task{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgb(0 0 0 / 30%);
	left: 0;
	top: 0;
	z-index: 1289;
	opacity: 0;
}
.task .task-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.task .task-wrap .task-outter {
	background-color: rgb(255 255 255);
	min-width: 500px;
	max-width: 50%;
	max-height: 90%;
	box-shadow: 0 0 0 10px rgb(0 0 0 / 10%);
	position: relative;
	padding: 30px;
}
@media (max-width: 992px) {
	.task .task-wrap .task-outter, .mini-dialog .wrap .wrap-outter{
		min-width: 90%;
		max-width: 90%;
	}
}
.task .task-wrap .task-outter .title{
	font-family: "OSEB";
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #000000;
	line-height: 1.5;
}
.task .task-wrap .task-outter .msg{
	display: block;
	font-family: "OS";
	color: #666666;
	text-align: center;
	margin-top: 30px;
	font-weight: 400;
	line-height: 2;
	max-height: 300px;
	overflow: auto;
}
.task .task-wrap .task-outter .action{
	text-align: center;
	margin-top: 40px;
}
.task .task-wrap .task-outter .action a{
	font-family: "ROBOTO";
	color: #666666;
	font-size: 14px;
	display: inline-block;
	padding: 10px 15px;
	background-color: rgb(0 0 0 / 5%);
}
.task .task-wrap .task-outter .action a:hover{
	background-color: #0099FF;
	color: #FFFFFF;
	text-decoration: none;
}
.mini-dialog .wrap .wrap-outter .close, .task .task-wrap .task-outter .task-close{
	position: absolute;
	z-index: 10;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.mini-dialog .wrap .wrap-outter .close::before, .mini-dialog .wrap .wrap-outter .close::after,
.task .task-wrap .task-outter .task-close::before, .task .task-wrap .task-outter .task-close::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	background-color: #999999;
	transform: rotate(45deg);
	left: 0;
	top: 10px;
	transition: all .3s ease;
}
.mini-dialog .wrap .wrap-outter .close::after, .task .task-wrap .task-outter .task-close::after{
	transform: rotate(-45deg);
}
.mini-dialog .wrap .wrap-outter .close:hover::before, .task .task-wrap .task-outter .task-close:hover::before{
	background-color: #000000;
	transform: rotate(-135deg);
}
.mini-dialog .wrap .wrap-outter .close:hover::after, .task .task-wrap .task-outter .task-close:hover::after{
	background-color: #000000;
	transform: rotate(135deg);
}

.alert-notice {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	z-index: 1290;
}

.alert-notice .alert-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.alert-notice .alert-wrap .alert-outter {
	background-color: #383838;
	min-width: 200px;
	max-width: 90%;
	max-height: 90%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	border-radius: .25em;
	overflow: hidden;
}

.alert-notice .alert-wrap .alert-outter .alert-header {}

.alert-notice .alert-wrap .alert-outter .alert-title {
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	user-select: none;
	color: #0cf;
	font-size: .13rem;
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);
}

.alert-notice .alert-wrap .alert-outter .alert-close {
	width: 40px;
	height: 40px;
	position: relative;
	cursor: pointer;
}

.alert-notice .alert-wrap .alert-outter .alert-close::before,
.alert-notice .alert-wrap .alert-outter .alert-close::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 2px;
	background: #CCC;
	left: 12px;
	top: 19px;
	transform: rotate(45deg);
	transition: all .3s ease-in-out;
}

.alert-notice .alert-wrap .alert-outter .alert-close::after {
	transform: rotate(-45deg);
}

.alert-notice .alert-wrap .alert-outter .alert-close:hover::before {
	background: #0cf;
	transform: rotate(-45deg);
}

.alert-notice .alert-wrap .alert-outter .alert-close:hover::after {
	background: #0cf;
	transform: rotate(45deg);
}

.alert-notice .alert-wrap .alert-outter .alert-body {
	user-select: none;
	padding: 15px;
	background: #424242;
	line-height: 1.8;
	color: rgba(255, 255, 255, .6);
	white-space: normal;
	word-break: break-all;
	font-size: .14rem;
}

.alert-notice .alert-wrap .alert-outter .alert-body strong {
	color: #0cf;
}

.alert-notice .alert-wrap .alert-outter .alert-footer span {
	width: 50%;
	color: rgba(255, 255, 255, .6);
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: .14rem;
	letter-spacing: 2px;
	user-select: none;
}

.alert-notice .alert-wrap .alert-outter .alert-footer span:last-child {
	border-left: solid 1px #424242;
}

.alert-notice .alert-wrap .alert-outter .alert-footer span:hover {
	color: #0cf;
}

.show-hide {
	animation: show-hide .3s;
	animation-fill-mode: forwards;
}

.hide-show {
	animation: hide-show .3s;
	animation-fill-mode: forwards;
}

@keyframes show-hide {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes hide-show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.dialog-preview{
	position: fixed;
	z-index: 3000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,.7);
}

.dialog-preview .wrap{
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	width: 100%;
	height: 100%;
}

.dialog-preview .wrap .inner{
	max-width: 80%;
	max-height: 90%;
	position: relative;
}
.dialog-preview .wrap .inner img, .dialog-preview .wrap .inner video{
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-shadow: 0 0 0 5px rgba(0,0,0,.5);
	outline: none;
}
.dialog-preview .wrap .inner video{
	background-image: url(../imgs/lazyload.svg);
	background-position: center center;
	background-repeat: no-repeat;
}

.dialog-preview .wrap .inner .dialog-preview-close{
	position: absolute;
	z-index: 10;
	width: 20px;
	height: 20px;
	right: -25px;
	top: -20px;
	cursor: pointer;
}
.dialog-preview .wrap .inner .dialog-preview-close::before, .dialog-preview .wrap .inner .dialog-preview-close::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 5px;
	background-color: #000000;
	transform: rotate(45deg);
	left: 0;
	top: 0;
	transition: all .2s;
}
.dialog-preview .wrap .inner .dialog-preview-close::after{
	transform: rotate(-45deg);
}
.dialog-preview .wrap .inner .dialog-preview-close:hover::before{
	transform: rotate(-45deg);
}
.dialog-preview .wrap .inner .dialog-preview-close:hover::after{
	transform: rotate(45deg);
}

.toggle-on {
	display: block !important;
}

.toggle-off {
	display: none !important;
}

.scroll {
	scrollbar-arrow-color: #666;
	scrollbar-face-color: #666;
	scrollbar-shadow-color: #666;
	scrollbar-track-color: #000000;
}

.scroll::-webkit-scrollbar {
	width: 8px;
}

.scroll::-webkit-scrollbar-track {
	background: transparent;
}

.scroll::-webkit-scrollbar-thumb {
	background-color: #000000;
	background-clip: content-box;
	border-top: 5px solid rgba(255, 255, 255, 0);
	border-bottom: 5px solid rgba(255, 255, 255, 0);
	border-right: 4px solid rgba(255, 255, 255, 0);
}

.scroll.dark::-webkit-scrollbar {
	width: 6px;
}

.scroll.dark::-webkit-scrollbar-thumb {
	background-color: #000000;
	border: none;
}

.scroll::-webkit-scrollbar-track {
	background: transparent;
}

.scroll.dark::-webkit-scrollbar-track {
	background: #e2e2e2 !important;
}

.box-n4u-wrap {
	background-image: linear-gradient(180deg, #fff, #f5f5fa);
	border-radius: .3em;
	box-shadow: 0 4px 11px 0 rgb(37 44 97 / 15%), 0 1px 3px 0 rgb(93 100 148 / 20%);
	transition: box-shadow .2s;
	position: relative;
}

.box-wrap {
	background: #FFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	position: relative;
}

.box-wrap-title {
	position: absolute;
	padding: 0 10px;
	background-color: #333333;
	z-index: 100;
	letter-spacing: 1px;
	border: 0;
	left: 12px;
	top: 10px;
	border-radius: .25em;
	text-transform: uppercase;
	transform: rotate(90deg);
	transform-origin: left top;
	line-height: 24px;
	user-select: none;
	font-weight: lighter;
}

.box-wrap-title,
.box-wrap-title a {
	color: rgba(255, 255, 255, .7);
}

.box-wrap-title a:hover {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}

ol.list-style,
ul.list-style {
	margin-left: 15px;
}

ol.list-style li,
ul.list-style li {
	text-indent: 10px;
	line-height: 1.8;
}

ol.list-style li {
	list-style: decimal !important;
}

ul.list-style li {
	list-style: square !important;
}


.global-nav-mask{
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,.5);
	z-index: 1999;
	display: none;
	transition: all .2s;
}
.global-nav-mask.on{
	display: block;
}

.box-info {}
.box-info .box-info-title {}
.box-info .box-info-title>a {
	font-size: .14rem;
	font-weight: 700;
	line-height: 1.5;
	font-family: "Roboto";
	display: inline-block;
	border-bottom: solid 1px transparent;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	color: #000000;
}

.box-info .box-info-title>a:hover {
	color: #666666;
	text-decoration: none;
	border-bottom: solid 1px #666666;
}

.box-info .box-info-description {
	width: 100%;
	min-height: 50px;
	max-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	color: #666666;
}

.mould-video{
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../imgs/loading-1.svg);
	width: 100%;
	height: 100%;
	position: relative;
}
.mould-video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mould-image-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../imgs/loading-1.svg);
	width: 100%;
	height: 100%;
	position: relative;
}

.mould-image-bg .link, .mould-video .link {
	position: absolute;
	z-index: 10;
	text-decoration: none;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	transition: all .2s;
	top: 0;
	left: 0;
}

.mould-image-bg .link:hover, .mould-video .link:hover {
	background-color: rgba(255, 255, 255, .3);
}

.mould-image-bg .title, .mould-video .title {
	position: absolute;
	z-index: 5;
	width: 100%;
	padding: 10px;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	user-select: none;
	left: 0;
	bottom: 0;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.line-1{
	line-height: 1;
}
.line-2{
	line-height: 1.5;
}
.line-3{
	line-height: 2;
}

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	user-select: none;
}

.pagination .page-item {
	background: #fff;
	border: solid 1px #ccc;
	position: relative;
	z-index: 1;
	background-image: linear-gradient(0deg, #f1f1f1, #f9f9f9);
	transition: all .1s;
}

/*
.pagination .page-item:first-child{
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}
.pagination .page-item:last-child{
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}
*/

.pagination .page-item:not(:first-child) {
	margin-left: 5px;
}

.pagination .page-item:hover {
	background-image: linear-gradient(180deg, #f1f1f1, #f9f9f9);
	z-index: 2;
	border-color: #000;
}

.pagination .page-item.active {
	z-index: 2;
	border: solid 1px #0099FF;
	background: #0099FF;
}

.pagination .page-item.disabled {
	z-index: -1;
	background-image: none;
	cursor: not-allowed;
}

.pagination .page-item.disabled .page-link {
	color: #999;
	cursor: not-allowed;
}

.pagination .page-item.disabled .page-link a {
	cursor: not-allowed;
}

.pagination .page-item .page-link {
	display: block;
	line-height: 28px;
	padding: 0 10px;
	font-family: "Roboto";
	text-decoration: none;
	color: #262626;
	white-space: nowrap;
}

.pagination .page-item.active .page-link {
	color: #fff;
	cursor: not-allowed;
}

.pagination .d-flex span{
	line-height: 28px;
	padding: 0 10px;
	border-left: solid 1px #EEEEEE;
}
.pagination .input{
	display: block;
	height: 100%;
	border: none;
	outline: none;
	padding: 0 10px;
	-webkit-appearance: none!important;
}
.pagination .input::-webkit-outer-spin-button, .pagination .input::-webkit-inner-spin-button{
	-webkit-appearance: none;
}
.pagination .input[type=number]{
	width: 45px;
	-moz-appearance: textfield; 
}
.pagination.sm .page-item .page-link, .pagination.sm .d-flex span{
	line-height: 22px!important;
	padding: 0 6px!important;
}
.pagination.lg .page-item .page-link, .pagination.lg .d-flex span{
	line-height: 38px!important;
	padding: 0 15px!important;
}

.bg-all {
	position: relative;
	background-color: transparent;
	background-image: url(../imgs/translate-bg.svg);
	background-repeat: repeat;
	background-position: center center;
}

.bgfix {
	background-attachment: fixed;
}

.bg,
.main-bg {
	position: relative;
	background-color: transparent;
	background-image: url(../imgs/translate-bg.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.main-bg {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
	background-position: center top;
}

.main-bg::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 1) 85%);
	z-index: 0;
}

.main-bg.dark::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%);
	z-index: 0;
}

.bgover,
.bgover-light,
.bgover-red,
.bgover-oran {
	position: relative;
}

.bgover::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
}

.bgover-light::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .1));
}

.bgover-red::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(204, 0, 0, 0);
	background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(204, 0, 0, .1));
}

.bgover-oran::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 153, 0, 0);
	background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(255, 153, 0, .1));
}

section {
	position: relative;
	width: 100% !important;
}

section .section-body {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
}

section .section-body.center {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

section video.bg {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	object-fit: cover;
}

section video.lazy {
	background-image: url(../imgs/lazyload.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #1D1D1D;
}

.v-full {
	height: 100vh !important;
}

.v-10 {
	height: 10vh !important;
}

.v-20 {
	height: 20vh !important;
}

.v-30 {
	height: 30vh !important;
}

.v-40 {
	height: 40vh !important;
}

.v-50 {
	height: 50vh !important;
}

.v-60 {
	height: 60vh !important;
}

.v-70 {
	height: 70vh !important;
}

.v-80 {
	height: 80vh !important;
}

.v-90 {
	height: 90vh !important;
}

.wfull-checkbox{
	padding: 10px;
	transition: background-color .2s ease-in-out;
}
.wfull-checkbox:hover{
	background-color: rgb(0 0 0 / 1%);
}
.wfull-checkbox label{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	user-select: none;
}
.wfull-checkbox input[type=checkbox],
.wfull-checkbox input[type=radio] {
	display: none;
}
.wfull-checkbox label>div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000000;
	font-size: 14px;
	overflow: visible;
}
.wfull-checkbox span{
	height: 24px;
	width: 24px;
	background-color: #FFFFFF;
	border-radius: 50%;
	border: solid 2px #000000;
	position: relative;
	margin-left: 15px;
}
.wfull-checkbox input:checked+span{
	background-color: #000000;
}
.wfull-checkbox input[type=radio]:checked+span::after{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #000000;
	border: solid 4px #FFFFFF;
	border-radius: 50%;
	top: 0;
	left: 0;
}
.wfull-checkbox input[type=checkbox]:checked+span::before,
.wfull-checkbox input[type=checkbox]:checked+span::after{
	content: "";
	position: absolute;
	width: 13px;
	height: 3px;
	background-color: #FFFFFF;
	transform: rotate(-45deg);
	top: 9px;
	left: 5px;
}
.wfull-checkbox input[type=checkbox]:checked+span::after{
	width: 8px;
	transform: rotate(45deg);
	top: 11px;
	left: 2px;
}

i.square, i.round{
	display: inline-block;
	background-color: #FFFFFF;
	width: 24px;
	height: 24px;
	box-shadow: 0 0 3px rgb(0 0 0 / 40%) inset;
}
i.round{
	border-radius: 50%;
}
i.square.multi-color, i.round.multi-color{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 45c-7.8 4.5-17.6 4.8-26 0 5.2 9 14.9 15 26 15s20.8-6 26-15c-8.4 4.8-18.2 4.5-26 0z' fill='%230058a3'/%3E%3Cpath d='M43 22.5C50.8 27 56 35.4 56 45c2.5-4.4 4-9.5 4-15C60 13.4 46.6 0 30 0c8.3 4.8 13 13.5 13 22.5z' fill='%230a8a00'/%3E%3Cpath d='M43 22.5c0 4.4-1.1 8.9-3.5 13S33.8 42.8 30 45c7.8 4.5 17.6 4.8 26 0 0-9.6-5.2-18-13-22.5z' fill='%238acbc4'/%3E%3Cpath d='M17 22.5c0-9 4.7-17.7 13-22.5C13.4 0 0 13.4 0 30c0 5.5 1.5 10.6 4 15 0-9.6 5.2-18 13-22.5z' fill='%23eb2310'/%3E%3Cpath d='M30 45c-3.8-2.2-7.1-5.4-9.5-9.5s-3.5-8.6-3.5-13C9.2 27 4 35.4 4 45c8.4 4.8 18.2 4.5 26 0z' fill='%23c8a2c8'/%3E%3Cpath d='M30 0c-8.3 4.8-13 13.5-13 22.5 3.8-2.2 8.3-3.5 13-3.5s9.2 1.3 13 3.5c0-9-4.7-17.7-13-22.5z' fill='%23ffdb00'/%3E%3Cpath d='M30 45c3.8-2.2 7.1-5.4 9.5-9.5s3.5-8.6 3.5-13c-3.8-2.2-8.3-3.5-13-3.5s-9.2 1.3-13 3.5c0 4.4 1.1 8.9 3.5 13s5.7 7.3 9.5 9.5z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.flex-middle{
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
}

.box-generic{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 1;
	transition: all .2s ease-in-out;
	overflow: hidden;
}
.box-generic.border {
	background-color: #FFFFFF;
	border: solid 1px transparent;
}
.box-generic.border:hover {
	z-index: 2;
	border: solid 1px #CCCCCC;
	box-shadow: 0 0 0 2px rgb(0 0 0 / 5%);
}

.box-generic.scale:hover {
	transform: scale(1.1);
	z-index: 2;
	box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}

.box-generic.img-scale:hover .box-square img {
	z-index: 2;
	transform: scale(1.1);
}

.box-generic .cover{
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	z-index: 10;
	color: #FFFFFF;
	background-image: linear-gradient(rgb(150 60 180 / 70%) 20%, rgb(20 100 220 / 70%) 70%);
	opacity: 0;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	transition: all .3s;
}
.box-generic:hover .cover{
	opacity: 1;
}

.box-generic.ad::before{
	content: "AD";
	position: absolute;
	z-index: 20;
	bottom: 2px;
	right: 2px;
	padding: 2px;
	background-color: rgb(0 0 0 / 40%);
	font-family: "OS";
	color: #FFFFFF;
	transform: scale(.8);
}

.box-generic .cover>div{
	width: 100%;
}
.box-generic .cover .title{
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-family: "ROBOTO";
	letter-spacing: .5px;
	font-size: 14px;
	padding: 0 30px;
	text-align: center;
	text-shadow: 1px 1px 0 rgb(0 0 0 / 80%);
}
.box-generic .cover .title.sm{
	font-size: 12px;
}
.box-generic .cover .title.big{
	font-size: 16px;
}

.box-generic a.hover-link {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 20;
	cursor: pointer;
	left: 0;
	top: 0;
	z-index: 10;
}

.box-generic .normal-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 15px;
}
.box-generic .normal-title, .box-generic .normal-title a{
	font-family: "ROBOTO";
	letter-spacing: 1px;
	color: #333333;
}
.box-generic .normal-title a:hover{
	color: #0099FF;
	text-decoration: none;
}

.box-square {
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	transition: all .2s ease-in-out;
}
.box-square.h-60{
	padding-bottom: 60px!important;
}
.box-square.h-80{
	padding-bottom: 80px!important;
}
.box-square.h-100{
	padding-bottom: 100px!important;
}
.box-square.h-120{
	padding-bottom: 120px!important;
}
.box-square.h-140{
	padding-bottom: 140px!important;
}
.box-square.h-160{
	padding-bottom: 160px!important;
}
.box-square.h-180{
	padding-bottom: 180px!important;
}
.box-square.h-200{
	padding-bottom: 200px!important;
}
.box-square.h-220{
	padding-bottom: 220px!important;
}
.box-square.h-240{
	padding-bottom: 240px!important;
}
.box-square.h-260{
	padding-bottom: 260px!important;
}
.box-square.h-280{
	padding-bottom: 280px!important;
}
.box-square.h-300{
	padding-bottom: 300px!important;
}

.box-square img {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
	transition: all .2s ease-in-out;
}


.mould-text-list{}
.mould-text-list .mould-text-list-item{}

.mould-text-list .mould-text-list-link, .mould-text-list .mould-text-list-category{
	position: relative;
	display: block;
	padding-left: 15px;
	line-height: 35px;
	width: 100%;
	height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	font-family: "ROBOTO";
	letter-spacing: .5px;
	transition: all .1s;
}
.mould-text-list .mould-text-list-link::before{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: 14px;
	background-color: #999;
}
.mould-text-list .mould-text-list-link:hover{
	color: #0099FF;
	text-decoration: none;
}
.mould-text-list .mould-text-list-link:hover::before{
	background-color: #0099FF;
}
.mould-text-list .mould-text-list-link.no-dot{
	padding-left: 0;
}
.mould-text-list .mould-text-list-link.no-dot::before{
	display: none;
}
.mould-text-list .mould-text-list-link span.date, .mould-text-list .mould-text-list-link span.category{
	font-family: "MANROPE";
	color: #999;
	display: inline-block;
	margin-right: 5px;
}
.mould-text-list .mould-text-list-link span.date::before{
	content: "[";
}
.mould-text-list .mould-text-list-link span.date::after{
	content: "]";
}
.mould-text-list .mould-text-list-link span.views{
	font-family: "ROBOTO";
	color: #999;
	display: inline-block;
	margin-right: 5px;
	letter-spacing: 0;
}
.mould-text-list .mould-text-list-link span.views::after{
	content: " ";
}
.mould-text-list .mould-text-list-link span.category::before{
	content: "< ";
}
.mould-text-list .mould-text-list-link span.category::after{
	content: " >";
}
.mould-text-list .mould-text-list-category{
	width: auto!important;
	overflow: visible;
	padding: 0;
	margin-right: 5px;
	font-family: "ROBOTO";
	color: #999;
}
.mould-text-list .mould-text-list-category:hover{
	color: #f60;
	text-decoration: none;
}
.mould-text-list .mould-text-list-category::after{
	content: "|";
	display: inline-block;
	padding-left: 5px;
	color: #999;
}
.mould-text-list .mould-text-list-link.big, .mould-text-list .mould-text-list-category.big{
	
	font-size: 14px;
}

.tab-basic{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: solid 1px #e9e9e9;
	position: relative;
}
.tab-basic .tab-basic-item{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: 400;
	font-stretch: wider;
	color: #999999;
	cursor: pointer;
	font-family: "OSEB";
}
.tab-basic .tab-basic-item.active{
	font-weight: 700;
	color: #0099FF;
	border-top: solid 2px #0099FF;
	margin-top: -1px;
}

.tab-basic .tab-basic-inner, .tab-basic-right{
	height: 50px;
	line-height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 15px;
	margin-top: -1px;
	border-top: solid 2px transparent;
}
.tab-basic .tab-basic-inner, .tab-basic .tab-basic-inner a, .tab-basic-right, .tab-basic-right a{
	color: #999999;
	font-size: 12px;
	font-family: "OS";
}
.tab-basic-right{
	margin-left: auto;
}
.tab-basic-content{
	display: none;
}

.image-preview{
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-justify-content: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgb(0 0 0 / 50%);
	z-index: 3000;
	left: 0;
	top: 0;
}
.image-preview img{
	max-width: 90%;
	max-height: 90%;
	object-fit: cover;
	padding: 15px;
	background-color: rgb(0 0 0 / 10%);
	border-radius: 15px;
}
.image-preview .close{
	height: 80px;
	width: 80px;
	background-color: #000000;
	position: absolute;
	top: -40px;
	right:-40px;
	border-radius: 40px;
	cursor: pointer;
}
.image-preview .close::before, .image-preview .close::after{
	content: "";
	position: absolute;
	width: 15px;
	height: 3px;
	background-color: #FFFFFF;
	left: 15px;
	bottom: 22px;
	transform: rotate(45deg);
	transition: all .3s ease-in-out;
}
.image-preview .close::after{
	transform: rotate(-45deg);
}
.image-preview .close:hover::before{
	background-color: #ff6600;
	transform: rotate(-135deg);
}
.image-preview .close:hover::after{
	background-color: #ff6600;
	transform: rotate(135deg);
}

.border-top{
	border-top: solid 1px #EEEEEE!important;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.card.border-less{
	border-radius: 0;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.04rem;
  border-top-right-radius: 0.04rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.04rem;
  border-bottom-left-radius: 0.04rem;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
}

.card-title {
  margin-bottom: 0.12rem;
}

.card-subtitle {
  margin-top: -0.06rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: .2rem;
}

.card-header {
  padding: 0.12rem .2rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.02rem - 1px) calc(0.02rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.12rem .2rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.02rem - 1px) calc(0.02rem - 1px);
}

.card-header-tabs {
  margin-right: -0.1rem;
  margin-bottom: -0.12rem;
  margin-left: -0.1rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.1rem;
  margin-left: -0.1rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .2rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.02rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.02rem - 1px);
  border-top-right-radius: calc(0.02rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.02rem - 1px);
  border-bottom-left-radius: calc(0.02rem - 1px);
}

.card-text{
	line-height: 1.5em;
	margin-bottom: 15px;
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.02rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.02rem;
    border-top-right-radius: 0.02rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.02rem;
    border-bottom-left-radius: 0.02rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.12rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: .08rem;
    -moz-column-gap: .08rem;
    column-gap: .08rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.img-preview{
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(51,51,51,.8);
	filter: none!important;
}
.img-preview .img-preview-wrap{
	display: flex;
	display: -webkit-flex;
	width: 100%;
	height: 100%;
	position: relative;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.img-preview .img-preview-wrap img{
	max-width: 90%;
	max-height: 90%;
	user-select: none;
	background: #FFF;
	box-shadow: 0 0 0 2px rgba(255,255,255,1), 0 0 10px rgba(0,0,0,1);
	padding: 2px;
}
.img-preview .img-preview-wrap .close-img-preview{
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 20px;
	width:30px;
	height: 30px;
	cursor: pointer;
}
.img-preview .img-preview-wrap .close-img-preview::before, .img-preview .img-preview-wrap .close-img-preview::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	background: #999;
	left: 5px;
	top: 14px;
	transform: rotate(45deg);
	transition: all .2s ease-in-out;
}
.img-preview .img-preview-wrap .close-img-preview::after{
	transform: rotate(-45deg);
}
.img-preview .img-preview-wrap .close-img-preview:hover::before{
	background: #0cf;
	transform: rotate(-45deg);
}
.img-preview .img-preview-wrap .close-img-preview:hover::after{
	background: #0cf;
	transform: rotate(45deg);
}