@font-face {
  font-family: 'regular';
  src: url('https://kg-web-cdn.akamaized.net/master/official-website/mo-api/static/font/regular2.ttf');
  font-weight: normal;
}
@font-face {
  font-family: 'SIMHEI';
  src: url('https://kg-web-cdn.akamaized.net/master/official-website/mo-api/static/font/SIMHEI.TTF');
  font-weight: normal;
}
html {
  font-family: 'regular', sans-serif;
  background: #fff;
  font-size: 0.2rem;
  line-height: 1;
}

html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  border: 0;
  padding: 0;
  font-style: normal;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
  overflow-x: hidden;
}

img,
a,
button,
em,
del,
strong,
var,
label,
cite,
small,
time,
mark,
code,
textarea {
  display: inline-block;
}

header,
section,
footer {
  position: relative;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

input,
button,
textarea,
select {
  border: 0;
  outline: 0;
  background-color: transparent;
  -webkit-appearance: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}
::-webkit-scrollbar {
  width: 0; /* 竖向滚动条宽度 */
  height: 6px; /* 横向滚动条高度 */
}
* {
  scrollbar-color: #e5e5e5 #f7f7f9; /* 滑块颜色  滚动条背景颜色 未生效 */
  scrollbar-width: none; /* 滚动条宽度有三种：thin、auto、none */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

a:active,
a:hover {
  outline: 0;
}

a,
a:visited {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  font-size: 0;
}
.tab_item a {
  color: #cccccc;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.text-line1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.text-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.text-line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.text-line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

.flex-v-center {
  align-items: center;
  -webkit-align-items: center;
}

.flex-center {
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}

.flex-between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flex-end {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flex-col {
  flex-direction: column;
  -webkit-flex-direction: column;
}

.flex1 {
  flex: 1;
  -webkit-flex: 1;
}

.flex-start {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

[v-cloak] {
  display: none !important;
}

.back_top {
  position: fixed;
  right: 0.6rem;
  bottom: 1.05rem;
  width: 0.74rem;
  height: 0.74rem;
  z-index: 10;
  cursor: pointer;
}

.playMask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background: transparent;
  z-index: 9999;
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}
/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}
/* Remove branding on cookie settings */
#CookiebotWidget-widgetContent .CookiebotWidget-main-logo {
  display: none !important;
}

@media (max-width: 768px) {
	#CybotCookiebotDialog {
		position: fixed;
		bottom: 10px !important;
		left: 0px !important;
		right: 0px !important;
		margin: auto !important;
		transform: none !important;
		top: auto !important;
	}

	#CybotCookiebotDialogHeader {
		display: none !important;
	}
	#CybotCookiebotDialogBodyButtonDecline {
		margin-bottom: 0 !important;
		padding: 0.5em !important;
	}

	#CybotCookiebotDialogBodyContent {
		padding: 0 !important;
	}
	#CybotCookiebotDialogBodyEdgeMoreDetails {
		margin: 0.2rem 2em 0.6em !important;
	}

	#CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
		max-height: 7em !important;
	}

	.CybotCookiebotScrollContainer {
		min-height: auto !important;
		padding: 1em !important;
		border-bottom: none !important;
	}
	#CybotCookiebotDialogFooter {
		padding: 0 1em 1em !important;
	}

	#CybotCookiebotDialogBodyButtonAccept {
		padding: 0.5em !important;
	}
}
