/** Player **/
.spine-player {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: none;
}
.spine-player * {
	box-sizing: border-box;
	font-family: "PT Sans",Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;
	color: #dddddd;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.spine-player-error {
	font-size: 14px;
	z-index: 10;
	border-radius: 4px;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.spine-player-hidden {
	display: none;
}

/** Canvas **/
.spine-player canvas {
	border-radius: 4px;
}

/** Slider **/
.spine-player-slider {
	width: 100%;
	height: 16px;
	position: relative;
	cursor: pointer;
}
.spine-player-slider-value {
	position: absolute;
	bottom: 0;
	height: 2px;
	background: rgba(98, 176, 238, 0.6);
	cursor: pointer;
}
.spine-player-slider:hover .spine-player-slider-value {
	height: 4px;
	background: rgba(98, 176, 238, 1);
	transition: height 0.2s;
}
.spine-player-slider-value.hovering {
	height: 4px;
	background: rgba(98, 176, 238, 1);
	transition: height 0.2s;
}
.spine-player-slider.big {
	height: 12px;
	background: rgb(0, 0, 0);
}
.spine-player-slider.big .spine-player-slider-value {
	height: 12px;
	background: rgba(98, 176, 238, 1);
}

/** Column and row layout elements **/
.spine-player-column {
	display: flex;
	flex-direction: column;
}
.spine-player-row {
	display: flex;
	flex-direction: row;
}

/** List **/
.spine-player-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.spine-player-list li {
	cursor: pointer;
	margin: 8px 8px;
}
.spine-player-list .selectable {
	display: flex;
	flex-direction: row;
	margin: 0 !important;
	padding: 2px 20px 2px 0 !important;
}
.spine-player-list li.selectable:first-child {
	margin-top: 4px !important;
}
.spine-player-list li.selectable:last-child {
	margin-bottom: 4px !important;
}
.spine-player-list li.selectable:hover {
	background: #6e6e6e;
}
.spine-player-list li.selectable .selectable-circle {
	display: flex;
	flex-direction: row;
	width: 6px;
	min-width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	align-self: center;
	opacity: 0;
	margin: 5px 10px;
}
.spine-player-list li.selectable.selected .selectable-circle {
	opacity: 1;
}
.spine-player-list li.selectable .selectable-text {
	color: #aaa;
}
.spine-player-list li.selectable.selected .selectable-text, .spine-player-list li.selectable:hover .selectable-text {
	color: #ddd;
}

/** Switch **/
.spine-player-switch {
	display: flex;
	flex-direction: row;
	margin: 2px 10px;
}
.spine-player-switch-text {
	flex: 1;
	margin-right: 8px;
}
.spine-player-switch-knob-area {
	width: 30px; /* width of the switch */
	height: 10px;
	display: block;
	border-radius: 5px; /* must be half of height */
	background: #6e6e6e;
	position: relative;
	align-self: center;
	justify-self: flex-end;
}
.spine-player-switch.active .spine-player-switch-knob-area {
	background: #5EAFF1;
}
.spine-player-switch-knob {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #9e9e9e;
	position: absolute;
	left: 0px;
	top: -2px;
	filter: drop-shadow(0 0 1px #333);
	transition: transform 0.2s;
}
.spine-player-switch.active .spine-player-switch-knob {
	background: #fff;
	transform: translateX(18px);
	transition: transform 0.2s;
}

/** Popup **/
.spine-player-popup-parent {
	position: relative;
}
.spine-player-popup {
	user-select: none;
	position: absolute;
	background: rgba(0, 0, 0, 0.75);
	z-index: 1;
	right: 2px;
	bottom: 40px;
	border-radius: 4px;
	max-height: 400%;
	overflow: auto;
	font-size: 85%;
}
.spine-player-popup-title {
	margin: 4px 15px 2px 15px;
	text-align: center;
}
.spine-player-popup hr {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #cccccc70;
}

/** Player controls **/
.spine-player-controls {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	transition: opacity 0.4s;
}
.spine-player-controls-hidden {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s;
}

/** Player buttons **/
.spine-player-buttons {
	display: flex;
	flex-direction: row;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 2px 8px 3px;
}
.spine-player-button {
	background: none;
	outline: 0;
	border: none;
	width: 32px;
	height: 32px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	margin-right: 3px;
	padding-bottom: 3px;
	filter: drop-shadow(0 0 1px #333);
}
.spine-player-button-spacer {
	flex: 1;
}
.spine-player-button-icon-play {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cg%20id%3D%22play%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2243%2023.3%204%2047%204%201%2043%2023.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-play:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cg%20id%3D%22play%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2243%2023.3%204%2047%204%201%2043%2023.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-play-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplay%3C%2Ftitle%3E%3Cg%20id%3D%22play%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2243%2023.3%204%2047%204%201%2043%2023.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-pause {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epause%3C%2Ftitle%3E%3Cg%20id%3D%22pause%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2228%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-pause:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epause%3C%2Ftitle%3E%3Cg%20id%3D%22pause%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2228%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-pause-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Epause%3C%2Ftitle%3E%3Cg%20id%3D%22pause%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2228%22%20y%3D%221%22%20width%3D%2213%22%20height%3D%2246%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-speed {
	background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22playback%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplayback%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C28V20l-4.7-1.18a20.16%2C20.16%2C0%2C0%2C0-2-4.81l2.49-4.15L38.14%2C4.2%2C34%2C6.69a20.16%2C20.16%2C0%2C0%2C0-4.81-2L28%2C0H20L18.82%2C4.7A20.16%2C20.16%2C0%2C0%2C0%2C14%2C6.7L9.86%2C4.2%2C4.2%2C9.86%2C6.69%2C14a20.16%2C20.16%2C0%2C0%2C0-2%2C4.81L0%2C20v8l4.7%2C1.18A20.16%2C20.16%2C0%2C0%2C0%2C6.7%2C34L4.2%2C38.14%2C9.86%2C43.8%2C14%2C41.31a20.16%2C20.16%2C0%2C0%2C0%2C4.81%2C2L20%2C48h8l1.18-4.7a20.16%2C20.16%2C0%2C0%2C0%2C4.81-2l4.15%2C2.49%2C5.66-5.66L41.31%2C34a20.16%2C20.16%2C0%2C0%2C0%2C2-4.81ZM24%2C38A14%2C14%2C0%2C1%2C1%2C38%2C24%2C14%2C14%2C0%2C0%2C1%2C24%2C38Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2234%2024%2018%2033%2018%2015%2034%2024%2034%2024%22%2F%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-speed:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22playback%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplayback%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C28V20l-4.7-1.18a20.16%2C20.16%2C0%2C0%2C0-2-4.81l2.49-4.15L38.14%2C4.2%2C34%2C6.69a20.16%2C20.16%2C0%2C0%2C0-4.81-2L28%2C0H20L18.82%2C4.7A20.16%2C20.16%2C0%2C0%2C0%2C14%2C6.7L9.86%2C4.2%2C4.2%2C9.86%2C6.69%2C14a20.16%2C20.16%2C0%2C0%2C0-2%2C4.81L0%2C20v8l4.7%2C1.18A20.16%2C20.16%2C0%2C0%2C0%2C6.7%2C34L4.2%2C38.14%2C9.86%2C43.8%2C14%2C41.31a20.16%2C20.16%2C0%2C0%2C0%2C4.81%2C2L20%2C48h8l1.18-4.7a20.16%2C20.16%2C0%2C0%2C0%2C4.81-2l4.15%2C2.49%2C5.66-5.66L41.31%2C34a20.16%2C20.16%2C0%2C0%2C0%2C2-4.81ZM24%2C38A14%2C14%2C0%2C1%2C1%2C38%2C24%2C14%2C14%2C0%2C0%2C1%2C24%2C38Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2234%2024%2018%2033%2018%2015%2034%2024%2034%2024%22%2F%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-speed-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22playback%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eplayback%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48%2C28V20l-4.7-1.18a20.16%2C20.16%2C0%2C0%2C0-2-4.81l2.49-4.15L38.14%2C4.2%2C34%2C6.69a20.16%2C20.16%2C0%2C0%2C0-4.81-2L28%2C0H20L18.82%2C4.7A20.16%2C20.16%2C0%2C0%2C0%2C14%2C6.7L9.86%2C4.2%2C4.2%2C9.86%2C6.69%2C14a20.16%2C20.16%2C0%2C0%2C0-2%2C4.81L0%2C20v8l4.7%2C1.18A20.16%2C20.16%2C0%2C0%2C0%2C6.7%2C34L4.2%2C38.14%2C9.86%2C43.8%2C14%2C41.31a20.16%2C20.16%2C0%2C0%2C0%2C4.81%2C2L20%2C48h8l1.18-4.7a20.16%2C20.16%2C0%2C0%2C0%2C4.81-2l4.15%2C2.49%2C5.66-5.66L41.31%2C34a20.16%2C20.16%2C0%2C0%2C0%2C2-4.81ZM24%2C38A14%2C14%2C0%2C1%2C1%2C38%2C24%2C14%2C14%2C0%2C0%2C1%2C24%2C38Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2234%2024%2018%2033%2018%2015%2034%2024%2034%2024%22%2F%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-animations {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eanimations%3C%2Ftitle%3E%3Cg%20id%3D%22animations%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C45V43.22a6.39%2C6.39%2C0%2C0%2C0%2C.63-.81%2C27.83%2C27.83%2C0%2C0%2C1%2C3.79-4.16c.93-.84%2C2.06-1.88%2C2.86-2.71a13.83%2C13.83%2C0%2C0%2C0%2C1.53-1.9l3.9-5.24c1-1.17.95-1.1%2C2.11%2C0l3%2C2.24a4%2C4%2C0%2C0%2C0-2.29%2C2.38c-1.37%2C3-2.39%2C4-2.68%2C4.22l-.23.18c-.54.39-1.81%2C1-1.7%2C1.54l.8%2C1.49a4.5%2C4.5%2C0%2C0%2C1%2C.39%2C1l.57%2C2.15a.69.69%2C0%2C0%2C0%2C.58.48c.47.08%2C1%2C.5%2C1.33.53%2C1.29.1%2C1.79%2C0%2C1.42-.54L26.7%2C42.72a.86.86%2C0%2C0%2C1-.2-.24%2C3.64%2C3.64%2C0%2C0%2C1-.42-2.2A5.39%2C5.39%2C0%2C0%2C1%2C26.61%2C39c1.84-2%2C6.74-6.36%2C6.74-6.36%2C1.71-1.81%2C1.4-2.52.81-3.84a27.38%2C27.38%2C0%2C0%2C0-2-3c-.41-.61-2.08-2.38-2.85-3.28-.43-.5.38-2.08.87-2.82.18-.12-.41.05%2C1.72.07a23.32%2C23.32%2C0%2C0%2C0%2C3.56-.19l1.63.61c.28%2C0%2C1.18-.09%2C1.31-.35l.12-.78c.18-.39.31-1.56-.05-1.75l-.6-.52a2.28%2C2.28%2C0%2C0%2C0-1.61.07l-.2.44c-.14.15-.52.37-.71.29l-2.24%2C0c-.5.12-1.18-.42-1.81-.73L32.05%2C15a8%2C8%2C0%2C0%2C0%2C.8-3.92%2C1.22%2C1.22%2C0%2C0%2C0-.28-.82%2C7.87%2C7.87%2C0%2C0%2C0-1.15-1.06l.11-.73c-.12-.49%2C1-.82%2C1.52-.82l.76-.33c.32%2C0%2C.68-.89.78-1.21L34.94%2C4a11.26%2C11.26%2C0%2C0%2C0%2C0-1.61C34.57.08%2C30.06-1.42%2C28.78%2C2c-.14.38-.62.77.34%2C3.21a1.55%2C1.55%2C0%2C0%2C1-.3%2C1.2L28.4%2C7a4%2C4%2C0%2C0%2C1-1.19.49c-.79%2C0-1.59-.75-4%2C.54C21%2C9.16%2C18.59%2C13%2C17.7%2C14.22a3.21%2C3.21%2C0%2C0%2C0-.61%2C1.58c-.05%2C1.16.7%2C3.74.87%2C5.75.13%2C1.53.21%2C2.52.72%2C3.06%2C1.07%2C1.14%2C2.1-.18%2C2.61-1a2.74%2C2.74%2C0%2C0%2C0-.14-1.86l-.74-.1c-.15-.15-.4-.42-.39-.64-.05-3.48-.22-3.14-.18-5.39%2C1.74-1.46%2C2.4-2.45%2C2.3-2-.2%2C1.15.28%2C2.83.09%2C4.35a6.46%2C6.46%2C0%2C0%2C1-.7%2C2.58s-2.11%2C4.22-2.14%2C4.27l-1.26%2C5.6-.7%2C1.44s-.71.54-1.59%2C1.21a9.67%2C9.67%2C0%2C0%2C0-2.27%2C3.18%2C20.16%2C20.16%2C0%2C0%2C1-1.42%2C2.83l-.87%2C1.31a1.72%2C1.72%2C0%2C0%2C1-.6.61l-1.83%2C1.1a1.39%2C1.39%2C0%2C0%2C0-.16.93l.68%2C1.71a4.07%2C4.07%2C0%2C0%2C1%2C.27%2C1.07l.17%2C1.56a.75.75%2C0%2C0%2C0%2C.71.59%2C18.13%2C18.13%2C0%2C0%2C0%2C3.26-.5c.27-.09-.29-.78-.53-1s-.45-.36-.45-.36A12.78%2C12.78%2C0%2C0%2C1%2C12%2C45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.spine-player-button-icon-animations:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eanimations%3C%2Ftitle%3E%3Cg%20id%3D%22animations%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C45V43.22a6.39%2C6.39%2C0%2C0%2C0%2C.63-.81%2C27.83%2C27.83%2C0%2C0%2C1%2C3.79-4.16c.93-.84%2C2.06-1.88%2C2.86-2.71a13.83%2C13.83%2C0%2C0%2C0%2C1.53-1.9l3.9-5.24c1-1.17.95-1.1%2C2.11%2C0l3%2C2.24a4%2C4%2C0%2C0%2C0-2.29%2C2.38c-1.37%2C3-2.39%2C4-2.68%2C4.22l-.23.18c-.54.39-1.81%2C1-1.7%2C1.54l.8%2C1.49a4.5%2C4.5%2C0%2C0%2C1%2C.39%2C1l.57%2C2.15a.69.69%2C0%2C0%2C0%2C.58.48c.47.08%2C1%2C.5%2C1.33.53%2C1.29.1%2C1.79%2C0%2C1.42-.54L26.7%2C42.72a.86.86%2C0%2C0%2C1-.2-.24%2C3.64%2C3.64%2C0%2C0%2C1-.42-2.2A5.39%2C5.39%2C0%2C0%2C1%2C26.61%2C39c1.84-2%2C6.74-6.36%2C6.74-6.36%2C1.71-1.81%2C1.4-2.52.81-3.84a27.38%2C27.38%2C0%2C0%2C0-2-3c-.41-.61-2.08-2.38-2.85-3.28-.43-.5.38-2.08.87-2.82.18-.12-.41.05%2C1.72.07a23.32%2C23.32%2C0%2C0%2C0%2C3.56-.19l1.63.61c.28%2C0%2C1.18-.09%2C1.31-.35l.12-.78c.18-.39.31-1.56-.05-1.75l-.6-.52a2.28%2C2.28%2C0%2C0%2C0-1.61.07l-.2.44c-.14.15-.52.37-.71.29l-2.24%2C0c-.5.12-1.18-.42-1.81-.73L32.05%2C15a8%2C8%2C0%2C0%2C0%2C.8-3.92%2C1.22%2C1.22%2C0%2C0%2C0-.28-.82%2C7.87%2C7.87%2C0%2C0%2C0-1.15-1.06l.11-.73c-.12-.49%2C1-.82%2C1.52-.82l.76-.33c.32%2C0%2C.68-.89.78-1.21L34.94%2C4a11.26%2C11.26%2C0%2C0%2C0%2C0-1.61C34.57.08%2C30.06-1.42%2C28.78%2C2c-.14.38-.62.77.34%2C3.21a1.55%2C1.55%2C0%2C0%2C1-.3%2C1.2L28.4%2C7a4%2C4%2C0%2C0%2C1-1.19.49c-.79%2C0-1.59-.75-4%2C.54C21%2C9.16%2C18.59%2C13%2C17.7%2C14.22a3.21%2C3.21%2C0%2C0%2C0-.61%2C1.58c-.05%2C1.16.7%2C3.74.87%2C5.75.13%2C1.53.21%2C2.52.72%2C3.06%2C1.07%2C1.14%2C2.1-.18%2C2.61-1a2.74%2C2.74%2C0%2C0%2C0-.14-1.86l-.74-.1c-.15-.15-.4-.42-.39-.64-.05-3.48-.22-3.14-.18-5.39%2C1.74-1.46%2C2.4-2.45%2C2.3-2-.2%2C1.15.28%2C2.83.09%2C4.35a6.46%2C6.46%2C0%2C0%2C1-.7%2C2.58s-2.11%2C4.22-2.14%2C4.27l-1.26%2C5.6-.7%2C1.44s-.71.54-1.59%2C1.21a9.67%2C9.67%2C0%2C0%2C0-2.27%2C3.18%2C20.16%2C20.16%2C0%2C0%2C1-1.42%2C2.83l-.87%2C1.31a1.72%2C1.72%2C0%2C0%2C1-.6.61l-1.83%2C1.1a1.39%2C1.39%2C0%2C0%2C0-.16.93l.68%2C1.71a4.07%2C4.07%2C0%2C0%2C1%2C.27%2C1.07l.17%2C1.56a.75.75%2C0%2C0%2C0%2C.71.59%2C18.13%2C18.13%2C0%2C0%2C0%2C3.26-.5c.27-.09-.29-.78-.53-1s-.45-.36-.45-.36A12.78%2C12.78%2C0%2C0%2C1%2C12%2C45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.spine-player-button-icon-animations-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eanimations%3C%2Ftitle%3E%3Cg%20id%3D%22animations%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C45V43.22a6.39%2C6.39%2C0%2C0%2C0%2C.63-.81%2C27.83%2C27.83%2C0%2C0%2C1%2C3.79-4.16c.93-.84%2C2.06-1.88%2C2.86-2.71a13.83%2C13.83%2C0%2C0%2C0%2C1.53-1.9l3.9-5.24c1-1.17.95-1.1%2C2.11%2C0l3%2C2.24a4%2C4%2C0%2C0%2C0-2.29%2C2.38c-1.37%2C3-2.39%2C4-2.68%2C4.22l-.23.18c-.54.39-1.81%2C1-1.7%2C1.54l.8%2C1.49a4.5%2C4.5%2C0%2C0%2C1%2C.39%2C1l.57%2C2.15a.69.69%2C0%2C0%2C0%2C.58.48c.47.08%2C1%2C.5%2C1.33.53%2C1.29.1%2C1.79%2C0%2C1.42-.54L26.7%2C42.72a.86.86%2C0%2C0%2C1-.2-.24%2C3.64%2C3.64%2C0%2C0%2C1-.42-2.2A5.39%2C5.39%2C0%2C0%2C1%2C26.61%2C39c1.84-2%2C6.74-6.36%2C6.74-6.36%2C1.71-1.81%2C1.4-2.52.81-3.84a27.38%2C27.38%2C0%2C0%2C0-2-3c-.41-.61-2.08-2.38-2.85-3.28-.43-.5.38-2.08.87-2.82.18-.12-.41.05%2C1.72.07a23.32%2C23.32%2C0%2C0%2C0%2C3.56-.19l1.63.61c.28%2C0%2C1.18-.09%2C1.31-.35l.12-.78c.18-.39.31-1.56-.05-1.75l-.6-.52a2.28%2C2.28%2C0%2C0%2C0-1.61.07l-.2.44c-.14.15-.52.37-.71.29l-2.24%2C0c-.5.12-1.18-.42-1.81-.73L32.05%2C15a8%2C8%2C0%2C0%2C0%2C.8-3.92%2C1.22%2C1.22%2C0%2C0%2C0-.28-.82%2C7.87%2C7.87%2C0%2C0%2C0-1.15-1.06l.11-.73c-.12-.49%2C1-.82%2C1.52-.82l.76-.33c.32%2C0%2C.68-.89.78-1.21L34.94%2C4a11.26%2C11.26%2C0%2C0%2C0%2C0-1.61C34.57.08%2C30.06-1.42%2C28.78%2C2c-.14.38-.62.77.34%2C3.21a1.55%2C1.55%2C0%2C0%2C1-.3%2C1.2L28.4%2C7a4%2C4%2C0%2C0%2C1-1.19.49c-.79%2C0-1.59-.75-4%2C.54C21%2C9.16%2C18.59%2C13%2C17.7%2C14.22a3.21%2C3.21%2C0%2C0%2C0-.61%2C1.58c-.05%2C1.16.7%2C3.74.87%2C5.75.13%2C1.53.21%2C2.52.72%2C3.06%2C1.07%2C1.14%2C2.1-.18%2C2.61-1a2.74%2C2.74%2C0%2C0%2C0-.14-1.86l-.74-.1c-.15-.15-.4-.42-.39-.64-.05-3.48-.22-3.14-.18-5.39%2C1.74-1.46%2C2.4-2.45%2C2.3-2-.2%2C1.15.28%2C2.83.09%2C4.35a6.46%2C6.46%2C0%2C0%2C1-.7%2C2.58s-2.11%2C4.22-2.14%2C4.27l-1.26%2C5.6-.7%2C1.44s-.71.54-1.59%2C1.21a9.67%2C9.67%2C0%2C0%2C0-2.27%2C3.18%2C20.16%2C20.16%2C0%2C0%2C1-1.42%2C2.83l-.87%2C1.31a1.72%2C1.72%2C0%2C0%2C1-.6.61l-1.83%2C1.1a1.39%2C1.39%2C0%2C0%2C0-.16.93l.68%2C1.71a4.07%2C4.07%2C0%2C0%2C1%2C.27%2C1.07l.17%2C1.56a.75.75%2C0%2C0%2C0%2C.71.59%2C18.13%2C18.13%2C0%2C0%2C0%2C3.26-.5c.27-.09-.29-.78-.53-1s-.45-.36-.45-.36A12.78%2C12.78%2C0%2C0%2C1%2C12%2C45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.spine-player-button-icon-skins {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eskins%3C%2Ftitle%3E%3Cg%20id%3D%22skins%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C12.54l-6.92%2C1-.79%2C1.2c-1%2C.25-2-.62-3-.55V12.33a1.35%2C1.35%2C0%2C0%2C1%2C.55-1.07c3-2.24%2C3.28-3.75%2C3.28-5.34A5.06%2C5.06%2C0%2C0%2C0%2C24%2C.76c-2.54%2C0-4.38.71-5.49%2C2.13a5.74%2C5.74%2C0%2C0%2C0-.9%2C4.57l2.48-.61a3.17%2C3.17%2C0%2C0%2C1%2C.45-2.4c.6-.75%2C1.75-1.13%2C3.42-1.13%2C2.56%2C0%2C2.56%2C1.24%2C2.56%2C2.56%2C0%2C.92%2C0%2C1.65-2.26%2C3.34a3.92%2C3.92%2C0%2C0%2C0-1.58%2C3.12v1.86c-1-.07-2%2C.8-3%2C.55l-.79-1.2-6.92-1c-2.25%2C0-4.35%2C2.09-5.64%2C3.93L1%2C24c3.83%2C5.11%2C10.22%2C5.11%2C10.22%2C5.11V41.93c0%2C2.34%2C2.68%2C3.88%2C5.59%2C4.86a22.59%2C22.59%2C0%2C0%2C0%2C14.37%2C0c2.91-1%2C5.59-2.52%2C5.59-4.86V29.15S43.17%2C29.15%2C47%2C24l-5.33-7.57C40.38%2C14.63%2C38.27%2C12.54%2C36%2C12.54ZM23.32%2C20.09%2C21%2C17l1.8-.6a3.79%2C3.79%2C0%2C0%2C1%2C2.4%2C0L27%2C17l-2.32%2C3.09A.85.85%2C0%2C0%2C1%2C23.32%2C20.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	width: 31px;
	height: 31px;
}
.spine-player-button-icon-skins:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eskins%3C%2Ftitle%3E%3Cg%20id%3D%22skins%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C12.54l-6.92%2C1-.79%2C1.2c-1%2C.25-2-.62-3-.55V12.33a1.35%2C1.35%2C0%2C0%2C1%2C.55-1.07c3-2.24%2C3.28-3.75%2C3.28-5.34A5.06%2C5.06%2C0%2C0%2C0%2C24%2C.76c-2.54%2C0-4.38.71-5.49%2C2.13a5.74%2C5.74%2C0%2C0%2C0-.9%2C4.57l2.48-.61a3.17%2C3.17%2C0%2C0%2C1%2C.45-2.4c.6-.75%2C1.75-1.13%2C3.42-1.13%2C2.56%2C0%2C2.56%2C1.24%2C2.56%2C2.56%2C0%2C.92%2C0%2C1.65-2.26%2C3.34a3.92%2C3.92%2C0%2C0%2C0-1.58%2C3.12v1.86c-1-.07-2%2C.8-3%2C.55l-.79-1.2-6.92-1c-2.25%2C0-4.35%2C2.09-5.64%2C3.93L1%2C24c3.83%2C5.11%2C10.22%2C5.11%2C10.22%2C5.11V41.93c0%2C2.34%2C2.68%2C3.88%2C5.59%2C4.86a22.59%2C22.59%2C0%2C0%2C0%2C14.37%2C0c2.91-1%2C5.59-2.52%2C5.59-4.86V29.15S43.17%2C29.15%2C47%2C24l-5.33-7.57C40.38%2C14.63%2C38.27%2C12.54%2C36%2C12.54ZM23.32%2C20.09%2C21%2C17l1.8-.6a3.79%2C3.79%2C0%2C0%2C1%2C2.4%2C0L27%2C17l-2.32%2C3.09A.85.85%2C0%2C0%2C1%2C23.32%2C20.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-skins-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eskins%3C%2Ftitle%3E%3Cg%20id%3D%22skins%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36%2C12.54l-6.92%2C1-.79%2C1.2c-1%2C.25-2-.62-3-.55V12.33a1.35%2C1.35%2C0%2C0%2C1%2C.55-1.07c3-2.24%2C3.28-3.75%2C3.28-5.34A5.06%2C5.06%2C0%2C0%2C0%2C24%2C.76c-2.54%2C0-4.38.71-5.49%2C2.13a5.74%2C5.74%2C0%2C0%2C0-.9%2C4.57l2.48-.61a3.17%2C3.17%2C0%2C0%2C1%2C.45-2.4c.6-.75%2C1.75-1.13%2C3.42-1.13%2C2.56%2C0%2C2.56%2C1.24%2C2.56%2C2.56%2C0%2C.92%2C0%2C1.65-2.26%2C3.34a3.92%2C3.92%2C0%2C0%2C0-1.58%2C3.12v1.86c-1-.07-2%2C.8-3%2C.55l-.79-1.2-6.92-1c-2.25%2C0-4.35%2C2.09-5.64%2C3.93L1%2C24c3.83%2C5.11%2C10.22%2C5.11%2C10.22%2C5.11V41.93c0%2C2.34%2C2.68%2C3.88%2C5.59%2C4.86a22.59%2C22.59%2C0%2C0%2C0%2C14.37%2C0c2.91-1%2C5.59-2.52%2C5.59-4.86V29.15S43.17%2C29.15%2C47%2C24l-5.33-7.57C40.38%2C14.63%2C38.27%2C12.54%2C36%2C12.54ZM23.32%2C20.09%2C21%2C17l1.8-.6a3.79%2C3.79%2C0%2C0%2C1%2C2.4%2C0L27%2C17l-2.32%2C3.09A.85.85%2C0%2C0%2C1%2C23.32%2C20.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-settings {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esettings%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3H8A5%2C5%2C0%2C0%2C0%2C3%2C8V40a5%2C5%2C0%2C0%2C0%2C5%2C5H40a5%2C5%2C0%2C0%2C0%2C5-5V8A5%2C5%2C0%2C0%2C0%2C40%2C3ZM16%2C40H9V33h7Zm0-12H9V21h7Zm0-12H9V9h7ZM39%2C38H20V35H39Zm0-12H20V23H39Zm0-12H20V11H39Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	margin-top: 1px;
}
.spine-player-button-icon-settings:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esettings%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3H8A5%2C5%2C0%2C0%2C0%2C3%2C8V40a5%2C5%2C0%2C0%2C0%2C5%2C5H40a5%2C5%2C0%2C0%2C0%2C5-5V8A5%2C5%2C0%2C0%2C0%2C40%2C3ZM16%2C40H9V33h7Zm0-12H9V21h7Zm0-12H9V9h7ZM39%2C38H20V35H39Zm0-12H20V23H39Zm0-12H20V11H39Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-settings-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esettings%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3H8A5%2C5%2C0%2C0%2C0%2C3%2C8V40a5%2C5%2C0%2C0%2C0%2C5%2C5H40a5%2C5%2C0%2C0%2C0%2C5-5V8A5%2C5%2C0%2C0%2C0%2C40%2C3ZM16%2C40H9V33h7Zm0-12H9V21h7Zm0-12H9V9h7ZM39%2C38H20V35H39Zm0-12H20V23H39Zm0-12H20V11H39Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-fullscreen {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexpand%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2230.14%208%2040%208%2040%2017.86%2044.5%2017.86%2044.5%203.5%2030.14%203.5%2030.14%208%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2017.86%208%208%2017.86%208%2017.86%203.5%203.5%203.5%203.5%2017.86%208%2017.86%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2240%2030.14%2040%2040%2030.14%2040%2030.14%2044.5%2044.5%2044.5%2044.5%2030.14%2040%2030.14%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217.86%2040%208%2040%208%2030.14%203.5%2030.14%203.5%2044.5%2017.86%2044.5%2017.86%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	margin-top: 1px;
}
.spine-player-button-icon-fullscreen:hover {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexpand%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2230.14%208%2040%208%2040%2017.86%2044.5%2017.86%2044.5%203.5%2030.14%203.5%2030.14%208%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2017.86%208%208%2017.86%208%2017.86%203.5%203.5%203.5%203.5%2017.86%208%2017.86%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2240%2030.14%2040%2040%2030.14%2040%2030.14%2044.5%2044.5%2044.5%2044.5%2030.14%2040%2030.14%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217.86%2040%208%2040%208%2030.14%203.5%2030.14%203.5%2044.5%2017.86%2044.5%2017.86%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-fullscreen-selected {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2362B0EE%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexpand%3C%2Ftitle%3E%3Cg%20id%3D%22settings%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2230.14%208%2040%208%2040%2017.86%2044.5%2017.86%2044.5%203.5%2030.14%203.5%2030.14%208%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228%2017.86%208%208%2017.86%208%2017.86%203.5%203.5%203.5%203.5%2017.86%208%2017.86%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2240%2030.14%2040%2040%2030.14%2040%2030.14%2044.5%2044.5%2044.5%2044.5%2030.14%2040%2030.14%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2217.86%2040%208%2040%208%2030.14%203.5%2030.14%203.5%2044.5%2017.86%2044.5%2017.86%2040%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.spine-player-button-icon-spine-logo {
	height: 20px;
	position: relative;
	top: 1px;
	margin: 0 8px !important;
	align-self: center;
	border: none !important;
	width: auto !important;
	cursor: pointer;
	transition: transform 0.2s;
	box-shadow: none !important;
	filter: drop-shadow(0 0 1px #333);
}
.spine-player-button-icon-spine-logo:hover {
	transform: scale(1.05);
	transition: transform 0.2s;
}

/** Speed slider **/
.spine-player-speed-slider {
	width: 150px;
}

/** Player editor **/
.spine-player-editor-container {
	display: flex;
	flex-direction: row;
	height: 100%;
	width: 100%;
}
.spine-player-editor-code {
	flex: 1;
	overflow: auto;
}
.spine-player-editor-player {
	flex: 1;
	border: none;
	background: black;
}
.CodeMirror {
	height: 100%;
}/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
body,html{min-width: 12rem;}
/* basic */
.c:before,.c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
body{font:12px/1.5 'systr',tahoma,'\5b8b\4f53',"\9ED1\4F53",sans-serif !important;overflow-x: hidden;background: #1c2645;}
a {text-decoration:none;overflow:hidden;}
.hide{display:block;width:0;height:0;overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.g-db{display:block;text-indent:-999rem;font-size: 0;}
.fl{float:left;}
.fr{float:right;}
img{pointer-events: none;}
/* 设置根节点 font-size，基于设计稿 1920px */
html,body {
  font-size: calc(100 / 1920 * 100vw);
  overflow: hidden;
  width: 100%;
  height: 100%;
}
/* 设置最小宽度限制（可选） */
/*@media screen and (max-width: 1200px) {
  html {
    font-size: calc(100 / 1920 * 1200px);
  }
}*/
@font-face {
	font-family:'systr';
	src: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/font/systr.ttf);
}
@font-face {
	font-family:'systb';
	src: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/font/systb1.ttf);
}
@font-face {
	font-family:'font2';
	src: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/font/font2.ttf);
}
*{box-sizing: border-box;}

img {
  image-rendering: -webkit-optimize-contrast;
}

/*footer*/
#afooter {line-height:1.4;color:#ffffff;background-color:#0e0e0e;padding:0.2rem 0;text-align:center;font-size: .18rem;height: 100%;}
#afooter a {color:#ffffff;}
#footer_ieg {width:100%;}

.gray{filter:grayscale(.7) !important;}
.fr-wrapper a{transition: .2s transform linear;overflow: visible;}
.fr-wrapper a:hover{transform: translate3d(0,-.04rem,10px);}

.fr-wrapper{font-family:'systr';width: 100%;height: 100%;}
.fr-container{width: 100%;height: 100%;overflow: hidden;}

.fr-container .swiper-slide{height: 100%;}
.fr-container .footer_box{height: 1.2rem;}
.fr-container .sp,.g-sp{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/sp.png);background-size: 19.2rem auto;}
.bg{position: relative;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp2.jpg) no-repeat 50% 50%;background-size: cover;}
.bg:after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/line1.png) no-repeat 50% 0;width: 19.2rem;height: 3.74rem;background-size: 100%auto;position: absolute;top: -2.02rem;left: 50%;margin-left: -9.6rem;pointer-events: none;z-index: 2;}

.g-section{width: 16.8rem;height: 9rem;position: absolute;top: 50%;left: 50%;margin: -4.4rem 0 0 -8.4rem;transform: scale(0.86) translateZ(1px);transform-origin: 80% 50%;}

/*侧边福利*/
.fr-float{width: 2rem;height: 2.3rem;position: fixed;bottom: 5%;right: 0.2rem;z-index: 99;cursor: pointer;}
.fr-float:after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/float.png) no-repeat 50%  0;width: 2rem;height: 2.3rem;background-size: 100% auto;animation: floatanim 1s ease-in-out both infinite alternate;position: absolute;top: 0;left: 0;}
@keyframes floatanim{
	0% {
    transform: translateY(0);
	}
	100% {
	    transform: translateY(-.08rem);
	}
}

.fr-float img{display: block;width: 100%;position: absolute;top: 0;left: 0;}
.fr-float:hover{animation: none;}
.float-rbox{position: fixed;top: 0;right: -8rem;z-index:999;height: 100vh;width: 3.44rem;cursor: default;transition: .4s ease right;}
.fr-float:hover .float-rbox{right: 0;}
.float-rct{height: 100%;overflow-y: auto;position: relative;overflow-x: hidden;}
.float-rct::-webkit-scrollbar{width: 0;border-radius: .1rem;}
.float-rct::-webkit-scrollbar-track{width:0;background-color: #eaf1f2;border: 1px solid #fbfcfc;border-radius: .1rem;}
.float-rct::-webkit-scrollbar-thumb{width: 0;background-color: #7073ce;border-radius: .1rem;}

.float-rbox img{display: block;width: 3.44rem;}
.float-btndown{width: 0.88rem; height: .2rem; position: absolute; right: .14rem; top: 2.28rem; background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/hd_rbtn1.png) no-repeat 50% 0; background-size: 100% auto;transition: .4s all linear;}
.float-btndown:hover {
    filter: brightness(1.2);
    transform: scale(1.02) translateY(0) !important;
}
.float-btnlink{position: absolute; width: 1.2rem; height: .2rem; right: .14rem; top: 2.5rem; background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/hd_rbtn2.png) no-repeat 50% 0; background-size: 100% auto;transition: .4s all linear;cursor: default;pointer-events: none;}
.float-btnlink:hover{transform: translateY(0) !important;}




/* kv */
.bg1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp1.jpg) no-repeat 50% 50%;background-size: cover;}
.logo{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/logo.png) no-repeat 50% 0;background-size: 100% auto;width: 5.71rem;height: 1.75rem;position: absolute;top: 0;left: 0;}
.header-video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.header-video video{width: 100%;height: 100%;object-fit: cover;display: block;	}

.head-box{position: absolute;width: 18rem;height: 9rem;top: 50%;left: 50%;margin: -4.8rem 0 0 -9rem;}
.head-slogan{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/slogan.png) no-repeat 50% 0;background-size: 100% auto;width: 19.2rem;height: 10.8rem;position: absolute;top: 50%;left: 50%;margin: -5.4rem 0 0 -9.6rem;}
.head-vd{display: block;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/vd1.png) no-repeat 50% 0;background-size: 100% auto;width: 1.34rem;height: 1.36rem;position: absolute;top: 5.54rem;left: 12.8rem;}
.head-btn-down1,.head-btn-start1{background-position: -1.36rem -0.24rem;width: 4.02rem;height: 1.13rem;position: absolute;bottom: 1.5rem;left: 50%;margin-left: -2.01rem;}
.head-btn-start1{background-position: -5.96rem -0.24rem;}
.hdbtn-box{display: flex;justify-content: center;align-items: center;position: absolute;width: 18rem;left: 50%;margin-left: -9rem;bottom: 0.2rem;}
.hdbtn-box a{background-position: -0.42rem -1.45rem;width: 5.81rem;height: 1.47rem;margin: 0 0.2rem;}
.hdbtn-box a.head-btn-wggift1{background-position: -6.4rem -1.45rem;}


/* 潮声庆典 · 共赴二周年福利盛宴 */
.bg2 .s1_show{width: 100%;height: 100%;}
.bg2 .s1_bg1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp1_1.jpg) no-repeat 50% 30%;background-size: cover;}
.bg2 .s1_bg2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp1_2.jpg) no-repeat 50% 30%;background-size: cover;}
.bg2 .s1_bg3{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp1_3.jpg) no-repeat 50% 30%;background-size: cover;}
.bg2 .s1_bg4{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp1_4.jpg) no-repeat 50% 30%;background-size: cover;}
.bg2 .s1_bg5{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp1_5.jpg) no-repeat 50% 30%;background-size: cover;}
.main1{width: 19.2rem;height: 9.8rem;position: absolute;top: 50%;left:50%;margin-top: -4.98rem;box-sizing: border-box;margin-left: -9.6rem;transform: scale(.9) translateZ(1px);z-index: 10;pointer-events: none;}
.bg2 .s1_main a{pointer-events: all;}
.bg2 .tit1{background-position: -0.39rem -36.7rem;width: 14.25rem;height: 1.44rem;position: absolute;left: 3.22rem;top: 0.7rem;}

.bg2 .s1_btnbox{position: absolute;left: 3.52rem;bottom: 0.8rem;width: 9.4rem;}
.bg2 .s1_prev{background-position: -14.79rem -0.41rem;width: 0.25rem;height: 0.33rem;left: -0.36rem;top: 50%;margin-top: -0.16rem;position: absolute;}
.bg2 .s1_next{background-position: -15.51rem -0.41rem;width: 0.25rem;height: 0.33rem;right: -0.36rem;top: 50%;margin-top: -0.16rem;position: absolute;}
.bg2 .s1_btnbox .swiper-container{width: 100%;overflow: hidden;}
.bg2 .btn_s1{width: 2.27rem;height: 1.23rem;margin-right: 0.06rem;position: relative;display: block;}
.bg2 .btn_s1 img{display: block;width: 100%;position: relative;z-index: 1;}
.bg2 .btn_s1 p{width: 2.08rem;height: 0.5rem;position: absolute;left: 50%;bottom: 0;background: #ffffff;transform: translateX(-50%);font-size: 0.14rem;color: #0b57a3;text-align: left;line-height: 0.34rem;box-sizing: border-box;padding: 0.2rem 0 0 0.06rem;font-weight: bold;}
.s1_txt1{text-indent: -0.1rem;letter-spacing: -0.01rem;}
.bg2 .btn_s1.on p{background: #0b57a3;color: #ffffff;}
.bg2 .s1_box{position: absolute;left: 3.18rem;bottom: 2.1rem;width: 14.64rem;}
.bg2 .s1_gift{position: absolute;bottom: 0.08rem;right: 0;height: 1.44rem;}
.bg2 .s1_gift img{display: block;width: auto;height: 100%;}
.bg2 .s1_sub1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s1_line1.png) no-repeat 50% 100%;background-size: 14.64rem auto;box-sizing: border-box;padding:0 0 0.34rem 0.1rem;width: 100%;font-size: 0.18rem;color: #ffffff;line-height: 0.24rem;text-shadow: 0 0 0.1rem #0e6dcc,0 0 0.1rem #0e6dcc;}
.bg2 .s1_sub1 em i{color: #fff59e;font-style: normal;}
.bg2 .s1_sub1 span{display: block;font-family: 'font2';font-size: 0.65rem;color: #f0d77a;line-height: 0.9rem;text-align: left;background-image: linear-gradient(#fdee99, #f2db80,#d3ae50);white-space: nowrap;-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0.02rem 0.02rem 0.1rem #0e6dcc);text-shadow:none;}

.bg .btn_s1qw{position: absolute;margin: 0;bottom: -1.2rem;right: 0;background-position: -15.66rem -36.64rem;width: 3.02rem;height: 1.13rem;}
.swiper-fade .swiper-slide-active .btn_s1qw{pointer-events: all;}

/*共鸣者情报*/
.bg3{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp2.jpg) no-repeat 50% 50%;background-size: cover;}
.bg3 .main1{z-index: 14;}
.bg3 .swiper-slide-active .main1{pointer-events: all;}
.section-role{font-family: 'systb';width: 100%;height: 100%;position: relative;z-index: 12;}
.role-show1,.role-show1 .swiper-container{width: 100%;height: 100%;position: relative;overflow: visible;}
.role-tit{background-position: -0.32rem -38.68rem;width: 14.32rem;height: 1.44rem;z-index: 2;position: absolute;left: 3.22rem;top: 0.7rem;}
.role-pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;pointer-events: none;}
.role-pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.role-info{position: absolute;top: 2.4rem;left: 3.22rem;width: 4.66rem;}
.role-info2{top: 3rem;}
.role-name{width: 4.48rem;}
.role-name img{display: block;width: 100%;}
.role-zystar{display: flex;justify-content: flex-start;align-items: center;margin: 0.14rem auto 0;}
.role-zy{width: auto;height: 0.65rem;margin-right: 0.26rem;}
.role-star{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-star.png) no-repeat 50% 0;width: 2.5rem;height: 0.57rem;background-size: 100% auto;}
.role-cv{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-cv.png) no-repeat 50% 0;width: 4.5rem;height: 0.66rem;margin-top: 0.06rem;display: flex;justify-content: flex-start;align-items: center;background-size: 100% auto;}
.role-cv a{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-audio.png) no-repeat 50% 0;width: 0.5rem;height: 0.5rem;background-size: 100% auto;margin-left: 0.08rem;}
.role-cv span{width: 2.44rem;font-size: 0.22rem;color: #fafae8;text-align: center;line-height: 0.34rem;margin-left: 0.06rem;}
.role-cv a.on{animation: scale1 1.4s linear infinite alternate;}
@keyframes scale1{
	from{transform: scale(1) translateZ(1px);}
	to{transform: scale(1.14) translateZ(1px);}
}

.role-type{display: flex;justify-content: space-between;align-items: center;margin-top: 0.2rem;width: 4.56rem;}
.role-type p{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-type.png) no-repeat 50% 0;width: 2.02rem;height: 0.45rem;display: flex;justify-content: flex-start;align-items: center;background-size: 100% auto;}
.role-type p img{width: 0.45rem;margin: 0 0.16rem;}
.role-type p span{width: 1.2rem;font-size: 0.26rem;color: #fbfbec;text-align: center;line-height: 0.36rem;}
.role-txt{font-size: 0.22rem;color: #ffffff;text-align: left;line-height: 0.3rem;margin-top: 0.2rem;height: .72rem;display: flex;
justify-content: flex-start;align-items: flex-start;}


.role-vd {background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-vd.png) no-repeat 50% 0;width: 4.51rem;transform-origin: 0 0;padding-top: 0.2rem;height: 2.86rem;background-size: 100% 100%;}
.role-vd a{display: block;width: 4.12rem;height: 2.46rem;margin: 0 auto;border-radius:0 0.2rem 0 0.2rem;overflow: hidden;border: 0.03rem solid #8ea3ff;background: #000;}
.role-vd a img,.role-vd a video{display: block;width: 100%;height: 100%;object-fit: cover;}
.role-vd a:hover{transform: translateY(0);}

.role-btn-hq{background-position: -14.03rem -1.43rem;width: 1.11rem;height: 1.13rem;display: flex;justify-content: center;align-items: center;font-size:0.22rem;color: #ffffff;line-height: 0.26rem;position: absolute;bottom: 0;right: -1.2rem;box-sizing: border-box;padding-bottom: 0.1rem;}

.role-show2{position: absolute;top: 2rem;right: 1rem;width: 1.22rem;height: 5.8rem;z-index: 13;}
.role-show2 .swiper-container{width: 100%;height: 100%;position: relative;overflow: hidden;}
.role-show2 .swiper-container .swiper-slide{display: flex;justify-content: center;align-items: center;}
.role-act{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-act1.png) no-repeat;background-size: 4.92rem auto;width: 1.22rem;height: 2.41rem;}
.role-show2 .swiper-container .swiper-slide-thumb-active .role-act{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/role-act.png);}

.role-act1{background-position: 0 0;}
.role-act2{background-position:  0 -2.86rem;}
.role-act3{background-position:  -1.9rem 0;}
.role-act4{background-position:  -1.9rem -2.86rem;}
.role-act5{background-position: -3.7rem 0;}
.role-act6{background-position:  -3.7rem -2.86rem;}

.role-prev{background-position:-16.01rem -38.56rem;width: 0.37rem;height: 0.28rem;position: absolute;top: -0.4rem;left: 50%;margin-left: -0.26rem;cursor: pointer;}
.role-next{background-position: -16.01rem -39.08rem;width: 0.37rem;height: 0.28rem;position: absolute;bottom: -0.4rem;left: 50%;margin-left: -0.2rem;cursor: pointer;}
/*.spine-player{overflow: hidden;}*/
.spine-player canvas{position: absolute;left: 15%;}

/* 全新内容 */
.qxnr-tit{background-position:-0.35rem -40.62rem;width: 14.3rem;height: 1.44rem;z-index: 2;position: absolute;left: 3.22rem;top: 0.7rem;}
.qxnr-tabbtn{pointer-events: all;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/qxnr-btn1.png) no-repeat 50% 0;width: 14.35rem;height: 0.92rem;background-size: 100% auto;position: absolute;top: 2.3rem;left: 3.22rem;display: flex;justify-content: space-between;align-items: center;padding: 0 0.12rem;box-sizing: border-box;}
.qxnr-tabbtn a{width: 2.72rem;height: 0.92rem;}
.qxnr-btn1{background-position: -0.12rem 0;}
.qxnr-btn2{background-position: -2.98rem 0;}
.qxnr-btn3{background-position: -5.85rem 0;}
.qxnr-btn4{background-position: -8.71rem 0;}
.qxnr-btn5{background-position: -11.57rem 0;}

.qxnr-tabbtn a.on{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/qxnr-btn2.png);background-size: 14.35rem auto;}


.qxnr-tabbox{position: relative;top: 0;left: 0;width: 100%;height: 100%;}
.qxnr-tabct{opacity: 0;pointer-events: none;position: absolute;top: 0;left: 0;z-index: -9999;width: 100%;height: 100%;}
.qxnr-tabct.show{opacity: 1;pointer-events: auto;z-index: 2;}
.qxhd{position: absolute;top: 3.3rem;left: 3.22rem;width: 14.44rem;overflow: hidden;}
.qxhd .swiper-slide{width: 100%;}
.qxhd .swiper-slide img{display: block;width: 14.44rem;}
.qxhd-prev{background-position: -14.79rem -0.41rem;width: 0.25rem;height: 0.33rem;position: absolute;bottom: .1rem;right: 1.96rem;z-index: 12;pointer-events: all;}
.qxhd-next{background-position:-15.51rem -0.41rem;width: 0.25rem;height: 0.33rem;position: absolute;bottom: .1rem;right: 0;z-index: 12;pointer-events: all;}

/* 商城上新 */
.scsx{width: 100%;height: 100%;}
.scsx .swiper-container,.scsx .swiper-container .swiper-slide{width: 100%;height: 100%;position: relative;overflow: hidden;}
.scsx-bg1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/scsx-pic1.png) no-repeat 50% 50%;background-size: cover;}
.scsx-intr{position: absolute;top: 3.48rem;left: 3.22rem;padding-top: 0.56rem;}
.scsx-txt1{position: absolute;top: 0;left: 0;border: 0.02rem solid #5666a2;width: 2rem;height: 0.45rem;font-size: 0.26rem;color: #fbfbec;text-align: center;line-height: 0.4rem;font-family: 'systb';border-radius: 0.45rem;text-transform: uppercase;}
.scsx-txt1-1{font-size: 0.2rem;letter-spacing: 0.04rem;}
.scsx-name{position: relative;padding-top: 0.48rem;text-align: left;}
.scsx-name::after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/scsx-line.png) no-repeat 50% 0;width: 4.52rem;height:3.44rem;position: absolute;top: 0;left: 0;right: 0;background-size: 100% auto;}
.scsx-name span{font-family: 'font2';font-size: 0.9rem;text-align: left;line-height: 1rem;background-image: linear-gradient(#f2f5ff, #f2f5ff, #c3d1ff, #c3d1ff);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;display: block;}
.scsx-txt2{font-size: 0.21rem;color: #ffffff;text-align: left;line-height: 0.35rem;width: 4.2rem;margin: 0.2rem 0 0 0.2rem;}


.scsx-btnbox{position: absolute;pointer-events: all;bottom: 1.5rem;left: 3.22rem;display: flex;justify-content: flex-start;align-items: center;}
.scsx-btnbox a{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/scsx-btn1.png);background-size: 4.57rem auto;width: 1.45rem;height: 0.7rem;margin-right: 0.18rem;}
.scsx-btnbox a.on{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/scsx-btn2.png);}
.scsx-btn1{background-position: 0 0;}
.scsx-btn2{background-position: -1.56rem 0;}
.scsx-btn3{background-position: -3.12rem 0;}

.scsx-vd{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/scsx-bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 9.41rem;height: 5.37rem;position: absolute;bottom: 1rem;right: 1.5rem;box-sizing: border-box;padding-top: 0.2rem;}
.scsx-vd img{width: 9.01rem;height: 4.96rem;border: 1px solid #8ea3ff;border-radius: 0 0.2rem 0 0.2rem;margin: 0 auto;display: block;}



/* 全新场景 */
.qxcj{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/qxcj-bg1.jpg) no-repeat 50% 10%;background-size: cover;width: 100%;height: 100%;}
.qxcj-ct{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/qxcj-txt1.png) no-repeat 50% 0;background-size: 100% auto;width: 11.98rem;height: 2.83rem;position: absolute;bottom:0;left: 50%;margin-left: -4.89rem;box-sizing: border-box;padding-top: 0.68rem;}
.qxcj-tit{display: flex;justify-content: center;align-items: center;}
.qxcj-tit i{width: 3.15rem;height: 0.2rem;}
.qxcj-icon1{background-position: -0.35rem -42.73rem;}
.qxcj-icon2{background-position: -5.3rem -42.73rem;}
.qxcj-tit span,.ldtz-txt span{font-family: 'font2';font-size: 0.35rem;text-align: center;line-height: 0.45rem;background-image: linear-gradient(#f2f5ff, #f2f5ff, #c3d1ff, #c3d1ff);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;display: block;padding: 0 0.1rem;min-width: 1.78rem;}
.qxcj-txt{font-size: 0.18rem;color: #ffffff;text-align: center;line-height: 0.24rem;margin: 0.1rem auto 0;}

/* 联动涂装 */
.ldtz{position: absolute;top: 3.3rem;left: 3.28rem;width: 14.37rem;overflow: hidden;}
.ldtz-txt{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/ldtz-txt.png) no-repeat 50% 0;background-size: 100% auto;width: 14.37rem;height: 5.85rem;position: absolute;top: 0;left: 0;pointer-events: none;padding: 1.9rem 0.24rem 0 12.4rem;}
.ldtz-txt span{font-size: 0.35rem;text-align: left;background-image: linear-gradient(#fded99, #fded99, #d4af51, #d4af51);padding: 0;}
.ldtz-txt em{font-size: 0.21rem;color: #ffffff;text-align: left;line-height: 0.35rem;display: block;margin-top: 0.28rem;}
.ldtz .swiper-slide{width: 100%;}
.ldtz .swiper-slide img{display: block;width: 14.37rem;}
.ldtz-prev{background-position: -14.79rem -0.41rem;width: 0.25rem;height: 0.33rem;position: absolute;bottom: .1rem;right: 1.96rem;z-index: 12;pointer-events: all;}
.ldtz-next{background-position:-15.51rem -0.41rem;width: 0.25rem;height: 0.33rem;position: absolute;bottom: .1rem;right: 0;z-index: 12;pointer-events: all;}

/* 系统优化 */
.xtyh{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/xtyh-bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 14.49rem;height: 5.74rem;position: absolute;top: 3.3rem;left: 3.22rem;box-sizing: border-box;padding-top: 0.13rem;}
.list-xtyh{width: 14.2rem;display: flex;justify-content: flex-start;align-items: center;margin: 0 auto;pointer-events: all;}
.list-xtyh li{width: 1.72rem;position: relative;transition: all 0.3s ease-in-out;}
.list-xtyh li.cur{width: 9.03rem;}
.list-xtyh li a{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/xtyh-btn1.png) no-repeat;background-size: 6.93rem auto;width: 1.72rem;height: 5.51rem;position: relative;top: -0.02rem;}
.list-xtyh li a:hover{transform: none;}
.list-xtyh li.cur a::after,.list-xtyh li a::before{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/xtyh-line.png) no-repeat;background-size: 100% auto;width: 0.08rem;height: 5.51rem;position: absolute;top:0;right: -0.03rem;content: '';z-index: 2;}
.list-xtyh li a::before{left: -0.03rem;right: auto;}
.list-xtyh li:first-child a::before{display: none;}

.list-xtyh li a.xtyh-btn1{background-position: 0 0;}
.list-xtyh li a.xtyh-btn2{background-position: -1.72rem 0;}
.list-xtyh li a.xtyh-btn3{background-position: -3.46rem 0;}
.list-xtyh li a.xtyh-btn4{background-position: -5.2rem 0;}
.list-xtyh li.cur a{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/xtyh-btn2.png);}
.xtyh-ct{position: absolute;top: 0;left: 1.72rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/xtyh-bg2.png) no-repeat 50% 0;background-size: 100% 100%;width: 7.31rem;height: 5.47rem;opacity: 0;box-sizing: border-box;padding-top: 0.8rem;transition: all 0.3s ease-in-out;overflow: hidden;transform: scaleX(0);transform-origin: 0 0;}
.xtyh-ct p{font-size: 0.2rem;color: #ffffff;text-align: left;line-height: 0.3rem;width: 5.32rem;margin: 0 auto;}
.list-xtyh li.cur .xtyh-ct{opacity: 1;transform: scaleX(1);}


/*版更好礼再放送*/
.bg5{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp5.jpg) no-repeat 50% 0;background-size: cover;}
.section-welfare{position: relative;padding-top: 0.4rem;}
.welfare-tit{background-position:-0.36rem -33.44rem;width: 14.36rem;height: 1.44rem;margin: 0 auto;}
.welfare-box{display: flex;justify-content: space-between;align-items: flex-start;width: 14.4rem;position: relative;margin: 0.2rem auto 0;}
.welfare-fl{width:7.86rem;height: 5.86rem;position: relative;}
.welfare-pic{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/welfare_bg1.png) no-repeat 50% 0;width:7.86rem;height: 5.86rem;pointer-events: none;background-size: 100% auto;margin-top: -0.3rem;}
.welfare-fl .welfare-btn-lq1,.welfare-fl .welfare-btn-ylq1{margin: 0 auto;background-position: -3.97rem -35.26rem;width: 3.02rem;height: 1.13rem;position: absolute;bottom: 0;right: -0.1rem;}
.welfare-fl .welfare-btn-ylq1{background-position: -0.47rem -35.26rem;}
.welfare-fr{width: 6.26rem;height: 5.26rem;position: relative;margin-top: 0.44rem;}
.welfare-sub1{background-position:-12.79rem -35.51rem;width: 5.17rem;height: 0.38rem;margin: 0 auto;position: relative;}
.welfare-btn-rule{background-position:-18.44rem -35.55rem;width: 0.25rem;height: 0.25rem;position: absolute;top: .06rem;right: 1.14rem;}
.welfare-txt1{font-size: .2rem;color: #ffffff;text-align: left;line-height: .26rem;margin:0.14rem auto 0;}
.welfare-btn-lb{font-size: .2rem;color: #8ea3ff;line-height: .3rem;text-decoration: underline !important;text-underline-offset: .1rem;position: absolute;top: .5rem;right: 0;}
.welfare-lb{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/welfare_bg2.png) no-repeat 50% 0;width: 6.26rem;height: 4.18rem;background-size: 100% auto;margin: .22rem auto 0;box-sizing: border-box;padding-top: .06rem;}
.welfare-lb li{height: 1rem;width:5.8rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/welfare_line1.png) no-repeat 100% 100%;background-size: 3.75rem auto;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.welfare-lb li:last-child{background: none;}
.welfare-dj{width: 1.8rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/welfare_djbg1.png) no-repeat 50% 0;background-size: 100% auto;height: .8rem;}
.welfare-dj img{display: block;width: auto;height: 100%;margin: 0 auto;}
.welfare-rw{width:1.5rem;font-size: .19rem;color: #ffffff;line-height: .24rem;white-space: nowrap;}
.welfare-rw span{font-size: .28rem;line-height: .4rem;color: #b2c0ff;font-family: 'font2';display: block;}
.welfare-btn-lq1,.welfare-btn-ylq1 {background-position:-10.02rem -35.33rem;width: 2.32rem;height: 0.92rem;font-size: 0;text-indent: -9999em;flex-shrink: 0;margin-right: -0.2rem;}
.welfare-btn-ylq1{background-position:-7.37rem -35.33rem;}


/*  5月23日登录 · 领WG二周年限定皮肤 */
.bg6{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp6.jpg) no-repeat 50% 0;background-size: cover;}
.section-pf{position: relative;}
.pf-tit{background-position: -0.42rem -31.51rem;width: 14.3rem;height: 1.44rem;margin: 0 auto;}
.pf-box{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pf-bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 14.38rem;height: 6.5rem;margin: 0.3rem auto 0;display: flex;justify-content: center;align-items: flex-start;box-sizing: border-box;padding-top: 0.7rem;}
.pf-item{width: 4.46rem;position: relative;margin:  0 0.28rem;}
.pf-pic{width: 2.06rem;height: 3rem;position: absolute;top: 0.84rem;left: 50%;margin-left: -1rem;border: 0.04rem solid #fff;z-index: 4;}
.rw-img1{width: 2rem;height: 2.92rem;position: absolute;top: 0;overflow: hidden;left: 0;}
.rw-img1 img{display: block;width: 0.87rem;position: absolute;top: 0.32rem;left: 50%;margin-left: -0.44rem;z-index: 1;}
.rw-img1 video{display: block;width: auto;height: 2.9rem;position: absolute;left: 0;bottom: 0;}

.rw-img2{transform: scale(1.5) translateZ(1px);position: absolute;top: 0;border: 0.04rem solid #fff;transform-origin: 0 50%;opacity: 0;left: 90%;transition: .2s all linear;}
.pf-pic:hover .rw-img2{left: 106%;opacity: 1;}

.pf-txt1{font-size: 0.2rem;color: #ffffff;text-align: center;line-height: 0.3rem;margin: 0.04rem auto 0;}
.pf-btn-lq,.pf-btn-ylq{display: block;background-position: -14.76rem -24.28rem;width: 3.02rem;height: 1.13rem;margin: 4.24rem auto 0;}
.pf-btn-ylq{background-position: -14.76rem -25.52rem;}

.pf-btn-rule{font-size: 0.2rem;color: #ffffff;line-height: 0.3rem;position: absolute;bottom: -.4rem;right: 0.2rem;text-decoration: underline !important;text-underline-offset: 0.05rem;}

/* <!-- 专属彩蛋馈赠 · 新/老/活跃漂泊者登录必领 --> */
.bg7{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp7.jpg) no-repeat 50% 0;background-size: cover;}
.section-zscd{position: relative;}
.zscd-tit{background-position: -0.49rem -28.66rem;width: 14.33rem;height: 1.45rem;margin: 0 auto;}
.zscd-intr{background-position: -0.55rem -30.48rem;width: 12.42rem;height: 0.7rem;margin: 0.1rem auto 0;font-size: 0.22rem;color: #ffffff;text-align: center;line-height: 0.7rem;position: relative;z-index: 2;}
.zscd-intr span{color: #fcf09f;}
.zscd-intr a{color: #ffffff;text-decoration: underline !important;text-underline-offset: 0.05rem;position: relative;}
.zscd-intr a em{text-decoration: none;position: absolute;left: -1.4rem;top: 0.4rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-bg2.png) no-repeat 50% 0;width: 4.88rem;height: 1.27rem;font-size: 0.18rem;color: #ffffff;text-align: left;padding: 0.2rem 0.1rem 0;line-height: 0.22rem;background-size: 100% auto;opacity: 0;transform: translateY(-0.1rem);transition: all 0.2s ease-in-out;pointer-events: none;}
.zscd-intr a:hover em{opacity: 1;transform: translateY(0);pointer-events: auto;}
.zscd-box{width: 14.2rem;height: 6.38rem;margin: -0.2rem auto 0;position: relative;padding-top: 0.8rem;display: flex;justify-content: center;align-items: center;}
/* .zscd-box::before{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-bg1_1.png) no-repeat 50% 0;width: 16.17rem;height: 6.98rem;position: absolute;top: -0.4rem;left:-0.8rem;background-size: 100% auto;} */
.zscd-box::before{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-bg1.png) no-repeat 50% 0;width: 15.31rem;height: 6.23rem;position: absolute;top: 0.32rem;left:-0.48rem;background-size: 100% auto;}


.zscd-box a{width: 2.4rem;position: relative;height: 3.88rem;pointer-events: auto;}
.zscd-box a i{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-jd2.png) no-repeat 50% 0;background-size: 100% auto;width: 3.5rem;height: 3.88rem;position: absolute;top: 0;left: 50%;margin-left: -1.75rem;}
/*.zscd-box a.zscd-btn-suo{pointer-events: none;}*/
.zscd-box a.zscd-btn-suo:hover i{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-jd1.png) no-repeat 50% 0;background-size: 100% auto;}
.zscd-box a.zscd-btn1.zscd-btn-suo:hover i{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-jd1-1.png) no-repeat 50% 0;background-size: 100% auto;}
.zscd-box a.zscd-btn1 i{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-jd2-1.png) no-repeat 50% 0;background-size: 100% auto;}
.zscd-box a.zscd-anim i{animation: fpanim1 1s ease-in both;}

/* .zscd-box a.zscd-btn-sui i{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-jd3.png) no-repeat 50% 0;background-size: 100% auto;} */
.zscd-num{font-size: 0.19rem;color: #ffffff;text-align: center;line-height: 0.3rem;margin: -0.3rem auto 0;}
.section-zscd .zndg-tips{width: 15.4rem;margin-top: -0.1rem;position: relative;z-index: 2;}
.zscd-box.zscd-ylq,.zscd-box.zscd-ylq a{pointer-events: none;}
.zscd-ylq::after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-ylq.png) no-repeat 50% 0;width: 12.86rem;height: 2.67rem;pointer-events: none;background-size: 100% auto;position: absolute;top: 50%;left: 50%;margin: -0.9rem 0 0 -6.58rem;}

/* 福袋 */
.bg8{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp8.jpg) no-repeat 50% 0;background-size: cover;}
.section-fd{position: relative;}
.fd-tit1{background-position: -0.59rem -26.84rem;width: 14.35rem;height: 1.44rem;margin: 0 auto;}
.fd-box{display: flex;justify-content: center;align-items: flex-start;margin: 0.36rem auto 0;}
.fd-lbox{width: 8.6rem;}
.fd-sub1{background-position: -4.01rem -23.54rem;width: 8.33rem;height: 0.35rem;margin: 0 auto;}
.fd-intr{font-size: 0.16rem;color: #ffffff;text-align: center;line-height: 0.3rem;margin: 0.06rem auto 0;height: 0.9rem;position: relative;z-index: 2;}
.fd-intr span{color: #fdec95;}
.fd-intr a{color: #ffffff;text-decoration: underline !important;text-underline-offset: 0.05rem;position: relative;}
.fd-intr a em{text-decoration: none;position: absolute;left: -1.4rem;top: 0.3rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-bg2.png) no-repeat 50% 0;width: 4.88rem;height: 1rem;font-size: 0.18rem;color: #ffffff;text-align: left;padding: 0.2rem 0.1rem 0;line-height: 0.22rem;background-size: 100% 100%;opacity: 0;transform: translateY(-0.1rem);transition: all 0.2s ease-in-out;pointer-events: none;}
.fd-intr a:hover em{opacity: 1;transform: translateY(0);pointer-events: auto;}
.fd-item-box{display: flex;justify-content: center;align-items: flex-start;}
.fd-item1{width: 5rem;}
.fd-ct{width: 4.46rem;height: 3.35rem;margin: 0 auto;position: relative;padding-top: 2.02rem;}
.fd-ct::after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd-bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 5.37rem;height: 4.02rem;position: absolute;left: -0.5rem;bottom: -0.24rem;}
.fd-rbox .fd-ct::after{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd-bg1_1.png);}
.fd-num1{font-size: 0.22rem;color: #fbe382;text-align: center;line-height: 0.32rem;font-family: 'systb';position: relative;z-index: 2;}
.fd-num2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd-bg3.png) no-repeat 50% 0;background-size: 100% auto;width: 3.53rem;height: 0.34rem;font-size: 0.16rem;color: #fbe382;text-align: center;line-height: 0.3rem;font-family: 'systb';margin: 0.1rem auto 0;position: relative;z-index: 2;}
.fd-btn-cd,.fd-btn-ycd,.fd-btn-ck,.fd-btn-yck{display: block;margin: 0 auto;background-position: -4.05rem -24.31rem;width: 3.02rem;height: 1.13rem;}
.fd-btn-ycd{background-position: -4.05rem -25.57rem;}
.fd-btn-ck{background-position: -11.02rem -24.31rem;}
.fd-btn-yck{background-position: -11.02rem -25.57rem;}

.fs-suo{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd-suo.png) no-repeat 50% 0;background-size: 100% auto;width: 0.59rem;height: 0.59rem;margin: 0 auto;position: relative;z-index: 2;}
.fd-ct1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd-bg2.png) no-repeat 50% 0;background-size: 100% auto;width: 3.46rem;height: 3.06rem;margin: 0 auto;position: relative;padding-top: 0.2rem;}
.fd-num3,.fd-num4{font-family: 'font2';font-size: 0.4rem;text-align: center;line-height: 0.5rem;background-image: linear-gradient(#fdeb90, #fdeb90, #d3ac48, #d3ac48);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.fd-num3{font-size: 0.8rem;line-height: 1rem;}
.fd-num5{font-size: 0.16rem;color: #ffffff;text-align: center;line-height: 0.3rem;margin: 0.5rem auto 0;}
.fd-btn-lq,.fd-btn-ylq{display: block;background-position: -7.56rem -24.31rem;width: 3.02rem;height: 1.13rem;margin: 0.34rem auto 0;}
.fd-btn-ylq{background-position: -7.56rem -25.57rem;}

.fd-rbox{width: 5.6rem;}
.fd-item3{margin: 0 auto;}
.fd-sub2{background-position: -12.91rem -23.54rem;width: 5.41rem;height: 0.35rem;margin: 0 auto;}
.fd-line{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd-line1.png) no-repeat 50% 0;background-size: 100% auto;width: 0.26rem;height: 7.13rem;}
.fdyq-box{display: flex;justify-content: center;align-items: center;position: relative;margin: 0.1rem auto 0;}

.fdyq-ct{display: flex;justify-content: center;align-items: center;margin: 0 0.1rem;}
.fdyq-ct a{width: 0.62rem;height: 0.62rem;border-radius: 50%;margin: 0 0.1rem;position: relative;background: #bbdcff;}
.yq-num1{position: absolute;bottom: -0.34rem;left: 0;width: 100%;display: flex;justify-content: center;align-items: center;font-size: 0.19rem;color: #ffffff;text-align: center;line-height: 0.3rem;}
.yq-num1 i{background-position: -17.42rem -38.58rem;width: 0.26rem;height: 0.26rem;margin-right: 0.04rem;flex-shrink: 0;}
.yq-num1.dui i{background-position: -18.32rem -38.64rem;width: 0.26rem;height: 0.17rem;}
.fdyq-ct a:after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/fd_mask.png) no-repeat 50% 0;width: 0.69rem;height: 0.7rem;background-size: 100% auto;position: absolute;top: -0.02rem;left: -0.02rem;}
.fdyq-ct a img{display: block;margin: 0 auto;width: 0.62rem;height: 0.62rem;object-fit: cover;border-radius: 50%;position: absolute;top: 0;left: 0;}
.fd-dlnum{background-position: -15.4rem -41.05rem;width: 3.29rem;height: 0.42rem;margin: 0.1rem auto 0;font-size: 0.2rem;color: #ffffff;text-align: center;line-height: 0.42rem;font-family: 'systb';}
.fd-tips{bottom: -0.4rem;right: 0;font-size: 0.16rem;color: #c5d0fe;position: absolute;}
.fd-tips a{color: #c5d0fe;text-decoration: underline !important;text-underline-offset: 0.05rem;}
.fdyq-btn{background-position: -16.06rem -40.05rem;width: 2.31rem;height: 0.69rem;}

/* 集齐食材烘焙周年蛋糕 */
.bg9{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp9.jpg) no-repeat 50% 0;background-size: cover;}
.section-zndg{position: relative;}
.zndg-tabbtn{position: absolute;top: 0;left: 0.8rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-bg.png) no-repeat 50% 0;background-size: 100% auto;width: 9.84rem;height: 9.53rem;pointer-events: none;padding-top: 3.28rem;z-index: 2;}
.zndg-tabbtn a{width: 2.37rem;height: 0.78rem;margin:0 0 1.5rem -0.24rem;pointer-events: all;}
.zndg-btn1.on{background-position: -0.34rem -23.34rem;}
.zndg-btn1{background-position: -0.32rem -22.23rem;}
.zndg-btn2.on{background-position: -0.32rem -24.49rem;}
.zndg-btn2{background-position: -0.32rem -25.6rem;}

.zndg-ct{display: none;position: relative;padding-left: 2.3rem;width: 14.5rem;margin: 0.1rem auto 0;}
.zndg-tit1{background-position: -0.8rem -17.74rem;width: 14.33rem;height: 1.44rem;margin-left: -2.3rem;}
.zndg-tit2{background-position: -0.82rem -19.74rem;width: 14.33rem;height: 1.44rem;margin-left: -2.3rem;}
.zndg-box1{display: flex;justify-content: space-between;align-items: flex-start;}
.zndg-item1{width: 3.48rem;flex-shrink: 0;position: relative;}
.zndg-pic1,.zndg-pic2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-pic1.png) no-repeat 50% 0;background-size: 100% auto;width: 3.53rem;height: 4.12rem;margin: 0 auto;position: absolute;z-index: 2;top: 0.3rem;left: 50%;transform: translateX(-52%);}
.zndg-pic2{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-pic2.png);}
.zndg-pic1.zndg-suo{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-pic1-suo.png);}
.zndg-pic2.zndg-suo{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-pic2-suo.png);}

.zndg-item2{width: 4.28rem;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-shrink: 0;padding-top: 0.54rem;}
.zndg-item2 li{width: 1.4rem;margin-bottom: 0.1rem;}
.zndg-djbox{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-djbg1.png) no-repeat 50% 0;width: 1.39rem;height: 1.36rem;position: relative;margin: 0 auto;background-size: 100% auto;}
.zndg-djbox img{display: block;width: auto;height: 100%;margin: 0 auto;}
.zndg-djbox span{font-size: 0.18rem;color: #ffffff;position: absolute;bottom: 0.18rem;left: 0;width: 100%;line-height: 0.32rem;text-align: center;}
.zndg-djbox em{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-bg2.png) no-repeat 50% 0;width: 0.32rem;height: 0.31rem;position: absolute;top: 0;right: 0;background-size: 100% auto;font-size: 0.18rem;color: #ffffff;text-align: center;line-height: 0.28rem;}
.zndg-btn-zs,.zndg-btn-zs-gray,.zndg-btn-yzs,.zndg-btn-wkq{display: block;background-position: -15.22rem -21.67rem;width: 1.16rem;height: 0.61rem;margin: -0.1rem auto 0;}
.zndg-btn-zs-gray{background-position: -16.43rem -21.67rem;}
.zndg-btn-yzs{background-position: -17.62rem -21.67rem;}
.zndg-btn-wkq{background-position:  -15.26rem -22.37rem;}

.zndg-item3{width: 4.67rem;height: 4.44rem;margin-right: -0.26rem;flex-shrink: 0;margin-top: -0.1rem;padding-top: 1.54rem;position: relative;}
.zndg-hb1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-hb1.png) no-repeat 50% 0;background-size: 100% auto;}
.zndg-hb2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-hb2.png) no-repeat 50% 0;background-size: 100% auto;}
.zndghb-btn-qiang,.zndghb-btn-gray,.zndghb-btn-suo,.zndghb-btn-wcy{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-qiang.png) no-repeat 50% 0;width: 1.74rem;height: 1.81rem;background-size: 100% auto;margin: 0 auto;position: relative;}
.zndghb-btn-gray{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-ylq.png) no-repeat 50% 0;background-size: 100% auto;}
.zndghb-btn-wcy{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-wcy.png) no-repeat 50% 0;background-size: 100% auto;pointer-events: none;}
.zndghb-btn-suo{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-suo.png) no-repeat 50% 0;background-size: 100% auto;pointer-events: none;}
.zndghb-btn-suo:hover,.zndghb-btn-wcy:hover{transform: none !important;}
.zndghb-btn-suo:after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-suo.png) no-repeat 50% 0;width: 100%;height: 100%;background-size: 100% auto;position: absolute;top: 0;left: 0;}
.zndghb-num1{font-size: .16rem;color: #ffd5e7;text-align: center;line-height: .3rem;margin: -.1rem auto 0;font-family: 'systb';}
.zndghb-btn-list{font-size: 0.18rem;color: #ffffff;text-align: center;display: block;width: 1.6rem;text-decoration: underline !important;text-underline-offset: 0.1rem;margin: 0.5rem auto 0;text-shadow: 0 0 0.1rem #000,0 0 0.1rem #000;}

.zndg-box2{display: flex;justify-content: space-between;align-items: flex-start;margin: 0 auto;position: relative;}
.zndg-rwbox{width: 5.9rem;position: relative;}
.zndg-sub1{background-position: -3.97rem -21.99rem;width: 5.78rem;height: 0.38rem;margin: 0 auto;}
.zndg-sub2{background-position: -4.03rem -22.64rem;width: 5.79rem;height: 0.38rem;margin: 0 auto;}

.zndg-rwlist{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-bg3.png) no-repeat 50% 0;background-size: 100% auto;width: 5.87rem;height: 1.8rem;margin: 0.06rem auto 0;}
.zndg-rwlist li{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-line1.png) no-repeat 50% 100%;width: 5.37rem;height:0.95rem;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding-bottom:0.14rem;background-size: 100% auto;position: relative;margin: 0 auto;}
.zndg-rwlist li:last-child{background: none;padding-bottom: 0.2rem;}
.zndg-rwtxt1,.zndg-rwtxt1 a{font-size: .22rem;color: #b2c0ff;text-align: left;line-height: .28rem;font-family: 'font2';transform: scaleX(0.9) translateZ(1px);transform-origin: 0 50%;position: relative;}
.zndg-rwtxt1 a{text-decoration: underline !important;text-underline-offset: 0.04rem;position: relative;}
.zndg-rwtxt1 a em{font-family: 'systr';background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zndg-bg4.png) no-repeat 50% 0;background-size: 100% auto;width: 3.11rem;height: 0.76rem;padding: 0.16rem 0.1rem 0;font-size: 0.19rem;color: #ffffff;text-align: left;line-height: 0.26rem;position: absolute;left: 0;top: 0.3rem;opacity: 0;transform: translateY(-0.06rem);pointer-events: none;transition: 0.2s all linear;}   
.zndg-rwtxt1 a:hover em{opacity: 1;transform: translateY(0);pointer-events: all;}
.zndg-rwtxt2{font-size: .18rem;color: #ffffff;text-align: left;line-height: .28rem;}
.zndg-btn-qwc,.zndg-btn-ywc,.zndg-btn-qlq,.zndg-btn-ylq,.zndg-btn-wkq1{background-position: -10.61rem -21.56rem;width: 2.02rem;height: 0.86rem;}
.zndg-btn-ywc{background-position: -10.61rem -22.43rem;}
.zndg-btn-qlq{background-position: -12.86rem -21.56rem;}
.zndg-btn-ylq{background-position: -12.86rem -22.43rem;}
.zndg-btn-wkq1{background-position: -16.69rem -22.43rem;}

.zndg-tips{font-size: 0.16rem;color: #c5d0fe;text-align: right;line-height: 0.26rem;margin-top: 0.1rem;}
.zndg-tips a{display: inline-block;vertical-align: top;color: #c5d0fe;text-decoration: underline !important;text-underline-offset: 0.04rem;}

.zndg-rwlist1 li{height: 0.62rem;}
.zndg-rwlist1 li .zndg-rwtxt1,.zndg-rwlist1 li .zndg-rwtxt1 a{font-size: 0.18rem;line-height: 0.24rem;}
.zndg-rwlist1 li .zndg-rwtxt2{font-size: 0.16rem;line-height: 0.2rem;} 
.zndg-rwlist1 li:last-child{padding-bottom: 0.14rem;}
.zndg-rwlist1 li a{transform: scale(0.8) translateZ(1px);transform-origin: 50% 50%;}
.zndg-rwlist1 li a:hover{transform: scale(0.8) translateY(-0.04rem) translateZ(1px);}

/* 双期庆典奖池 · 累计抽奖赢额外好礼 */
.bg10{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp10.jpg) no-repeat 50% 0;background-size: cover;}
.section-djfl{position: relative;}
.djdz-tit{background-position:-0.82rem -13.02rem;width: 14.33rem;height: 1.4rem;margin: 0 auto;}
.djdz-box1{display: flex;justify-content: space-between;align-items: flex-start;margin: 0.06rem auto 0;position: relative;z-index: 2;width: 14.3rem;}
.djdz-lottery{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/djdz-gift.png) no-repeat 50% 0;width:8.2rem;height: 5.68rem;position: relative;background-size: 100% auto;margin-top: 0.3rem;}
.djdz-djbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.djdz-djbox img{position: absolute;top: 0;left: 0;width: 8.37rem;transition: 0.2s all linear;}
.djdz-djbox img.on{filter: drop-shadow(0 0 0.2rem #c7b4ff);transform: scale(1.01);}
.djdz-suo{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/djdz-suo.png) no-repeat 50% 0;width: 1.05rem;height: 1.07rem;background-size: 100% auto;position: absolute;top: 2.46rem;left: 0.94rem;z-index: 2;}
.djdz-suo2{left: 2.87rem;top: 2.83rem;}
.djdz-suo3{left: 4.14rem;top: 1.34rem;}
.djdz-suo4{left: 6.7rem;top: 3rem;}

.djdz-rwbox{width: 5.68rem;position: relative;}
.djdz-sub{background-position:-0.4rem -16.61rem;width: 3.85rem;height: 0.38rem;position: relative;margin-top: 0.24rem;}
.djdz-lb{background-position: -4.69rem -16.37rem;width: 2.12rem;height: 0.86rem;position: absolute;top: 0;right: 0;}


.djdz-rwlist{margin: .24rem auto 0;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/djdz-bg1.png) no-repeat 50% 0;width: 5.68rem;height: 6.43rem;background-size: 100% auto;box-sizing: border-box;padding-top: 0.1rem;}
.djdz-rwlist li{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/djdz-line1.png) no-repeat 50% 100%;width: 5.6rem;height:0.95rem;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 0 0.34rem 0.2rem;background-size: 100% auto;position: relative;}
.djdz-rwlist li:last-child{background: none;padding-bottom: 0.46rem;}
.djdz-rwtxt1{font-size: .22rem;color: #b2c0ff;text-align: left;line-height: .34rem;font-family: 'font2';transform: scaleX(0.9) translateZ(1px);transform-origin: 0 50%;position: relative;z-index: 2;}
.djdz-rwlist li:hover{z-index: 4;}
.djdz-rwtxt1 a{text-decoration: underline !important;text-underline-offset: 0.06rem;position: relative;color: #b2c0ff;z-index: 4;}
.djdz-rwtxt1 a img{position: absolute;top: .34rem;left: 0;width: 6rem;opacity: 0;pointer-events: none;transition: 0.3s all linear;transform: translateY(-.1rem);}
.djdz-rwtxt1 a:hover img{opacity: 1;transform: translateY(0);pointer-events: all;}
.djdz-rwtxt1 em{font-family: 'systb';font-size: 0.16rem;color: #665328;background: #f7de90;border-radius: 0.14rem 0.14rem 0.14rem 0;padding: 0 0.08rem;height: 0.24rem;line-height: 0.24rem;position: absolute;top: -0.3rem;left: 2rem;white-space: nowrap;}
.djdz-rwtxt2{font-size: .16rem;color: #ffffff;text-align: left;line-height: .2rem;}

.djdz-btn-qwc, .djdz-btn-ywc,.djdz-btn-lq,.djdz-btn-ylq,.djdz-btn-qyq,.djdz-btn-yyq,.djdz-btn-qjq,.djdz-btn-qfx,.djdz-btn-yjq,.djdz-btn-yfx,.djdz-btn-upd,.djdz-btn-yupd,.djdz-btn-qdl,.djdz-btn-ydl,.djdz-btn-qkq,.djdz-btn-ykq{background-position: -6.82rem -14.83rem;width: 1.56rem;height: 0.71rem;}
.djdz-btn-lq{background-position: -10.02rem -14.83rem;}
.djdz-btn-qyq{background-position: -8.42rem -14.83rem;}
.djdz-btn-qjq{background-position: -14.82rem -14.83rem;}
.djdz-btn-qfx{background-position: -13.22rem -14.83rem;}
.djdz-btn-upd{background-position: -11.62rem -14.83rem;}
.djdz-btn-qdl{background-position: -5.22rem -14.83rem;}
.djdz-btn-yyq{background-position: -8.42rem -15.63rem;}
.djdz-btn-yupd{background-position: -11.62rem -15.63rem;}
.djdz-btn-ydl{background-position: -5.22rem -15.63rem;}
.djdz-btn-ylq{background-position: -10.02rem -15.63rem;}
.djdz-btn-ywc{background-position: -6.82rem -15.63rem;}
.djdz-btn-yjq{background-position: -14.82rem -15.63rem;}
.djdz-btn-yfx{background-position: -13.22rem -15.63rem;}
.djdz-btn-qkq{background-position: -16.42rem -14.83rem;}
.djdz-btn-ykq{background-position: -16.42rem -15.63rem;}

.djdz-btn-cj{background-position: -0.51rem -14.78rem;width: 3.98rem;height: 1.35rem;display: block;margin: 5.5rem auto 0;box-sizing: border-box;padding-top: 0.76rem;font-size: 0.2rem;color: #334fa4;text-align: center;line-height: 0.26rem;}
.djdz-btn-rule{font-size: 0.22rem;color: #ffffff;text-align: center;line-height: 0.34rem;display: block;width: 3.44rem;text-decoration: underline !important;text-underline-offset: 0.06rem;margin: 0 auto;}



/*WeGame独家定制*/
.bg11{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp11.jpg) no-repeat 50% 0;background-size: cover;}
.section-customize{margin-top: -4.8rem;}
.customize-tabbox{height: 8.4rem;width:16.73rem;margin: 0 auto;position: relative;}
.customize-ct{visibility: hidden;opacity: 0;pointer-events: none;transition: all 0.3s;position: absolute;top: 0;left: 0;width: 100%;}
.customize-ct.show{visibility: visible;opacity: 1;pointer-events: auto;}

.customize-tit1{background-position:-1.02rem -5.61rem;width: 14.27rem;height: 1.44rem;margin: 0 auto;transform: scale(0.9) translateZ(1px);transform-origin: 50% 100%;}
.customize-tit2{background-position:-1.02rem -7.51rem;width: 14.27rem;height: 1.43rem;margin: 0 auto;transform: scale(0.9) translateZ(1px);transform-origin: 50% 100%;}
.customize-tit3{background-position:-1.02rem -9.31rem;width: 14.27rem;height: 1.44rem;margin: 0 auto;transform: scale(0.9) translateZ(1px);transform-origin: 50% 100%;}
.customize-tit4{background-position:-1.02rem -11.21rem;width: 14.27rem;height: 1.44rem;margin: 0 auto;transform: scale(0.9) translateZ(1px);transform-origin: 50% 100%;}

.customize-txt1{font-size: .26rem;color: #ffffff;text-align: center;line-height: .3rem;margin: 0.2rem auto 0;font-family: 'font2';}
.customize-txt2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_txt1.png) no-repeat 50% 0;background-size: 100% auto;margin: .2rem auto 0;width: 9.5rem;height: .56rem;}
.customize-show1{width: 10.18rem;height: 6.92rem;margin: .12rem auto 0;position: relative;transform: scale(0.78) translateZ(1px);transform-origin: 50% 0;}
.customize-show1 .swiper-container{width: 100%;overflow: hidden;}
.customize-show1 .swiper-container .swiper-slide img{display: block;width: 100%;}
.customize-prev,.customize-prev1,.customize-prev2,.qb-prev{background-position:-12.08rem -0.24rem;width: 0.53rem;height: 0.66rem;position: absolute;top: 50%;margin-top: -.33rem;left: -1.28rem;cursor: pointer;}
.customize-next,.customize-next1,.customize-next2,.qb-next{background-position:-13.51rem -0.24rem;width: 0.53rem;height: 0.65rem;position: absolute;top: 50%;margin-top: -.33rem;right: -1.28rem;cursor: pointer;}
.customize-next1,.customize-next2,.customize-prev1,.customize-prev2{opacity: 0;pointer-events: none;}
.customize-tips{font-size: .16rem;color: #8ea3ff;text-align: right;line-height: .3rem;position: absolute;left: 0;bottom: -.36rem;width: 100%;}
.customize-tabbtn-show{opacity: 1;pointer-events: all;}

.customize-ssy{margin: .18rem auto 0;width: 12rem;height: 8.2rem;position: relative;transform: scale(0.76) translateZ(1px);transform-origin: 50% 0;}
.customize-ssy--qh{width: 8.6rem;height: 5.1rem;position: absolute;top: 0;right: 0;z-index: 12;clip-path: polygon(0 0,100% 0,100% 100%,5.1rem 100%,5.1rem 3.1rem,0 3.1rem);}
.customize-ssy .swiper-container,.customize-ssy .swiper-container img{display: block;width: 100%;}
.customize-ssy .swiper-container .swiper-slide{width: 100%;height: 8.2rem;}

.customize-ssy--box1{width: 12rem;height: 8.12rem;margin: 0 auto;position: relative;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_bg1.png) no-repeat 50% 0;background-size: 100% auto;}

.customize-name1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_name1.png) no-repeat 50% 0;width: 3.22rem;height: 1.06rem;background-size: 100% auto;position: absolute;left: .2rem;top: .92rem;transition: .4s all linear;}
.customize-name2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_name2.png) no-repeat 50% 0;width: 3.26rem;height: 1.06rem;background-size: 100% auto;position: absolute;right: .2rem;bottom: .67rem;transition: .4s all linear;}
.customize-pic1,.customize-pic2{width: 8.6rem;display: block;position: absolute;top: 3.1rem;left: 0;z-index: 4;transition-duration:.4s;transition-timing-function:cubic-bezier(10,90,400,150);transition-property: top, left;}
.customize-pic1{left: 3.4rem;top: 0;z-index: 1;-webkit-mask-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_mask1.png);-webkit-mask-size: 8.6rem 5.03rem;}
.customize-pic1 img,.customize-pic2 img{display: block;width: 100%;}

.customize-ssy.cur .customize-pic1{top: 3.1rem;left: 0;z-index: 4;-webkit-mask: none;}
.customize-ssy.cur .customize-pic2{left: 3.4rem;top: 0;z-index: 1;-webkit-mask-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_mask1.png);-webkit-mask-size: 8.6rem 5.03rem;}
.customize-ssy.cur .customize-name1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_name1_1.png) no-repeat 50% 0;background-size: 100% auto;width: 3.23rem;}
.customize-ssy.cur .customize-name2{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_name2_1.png) no-repeat 50% 0;background-size: 100% auto;}

.customize-show{width: 12.26rem;margin: 0.4rem auto 0;position: relative;height: 8rem;transform: scale(0.76) translateZ(1px);transform-origin: 50% 0;}

.customize-show .swiper-container{width: 100%;overflow: hidden;height: 6.5rem;visibility: hidden;opacity: 0;pointer-events: none;transition: all 0.3s;position: absolute;top: 1.14rem;left: 0;}
.customize-ct.show .customize-show .swiper-container.show{visibility: visible;opacity: 1;pointer-events: auto;}
.customize-show .swiper-slide,.customize-show .swiper-slide img{width: 100%;display: block;}

.customize-btnbox{display: flex;justify-content: space-between;align-items: flex-end;margin: 0 auto;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s10_bg1.png) no-repeat 50% 0;width: 12.13rem;height: 1.13rem;background-size: 100% auto;box-sizing: border-box;padding: 0 .08rem .12rem;}

.customize-btnbox a{width: 2.74rem;height: .94rem;;display: block;position: relative;flex-shrink: 0;}
.customize-btnbox a.on{width: 3.54rem;height: 1.48rem;}
.customize-btnbox a img{display: block;width: 100%;opacity: 1;position: absolute;top: 0;right: 0;}
.customize-btnbox a img.s10_pic1{opacity: 0;}
.customize-btnbox a.on img{opacity: 0;}
.customize-btnbox a.on img.s10_pic1{opacity: 1;width: 3.8rem;}



.customize-tips1{width: 100%;font-size: .16rem;color: #8ea3ff;text-align: right;line-height: .28rem;position: absolute;left: 0;bottom: 0;}



.customize-tabbtn{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_btn1.png) no-repeat 50% 0;width: 9.18rem;height: 0.92rem;background-size: 100% auto;margin: 0 auto;position: relative;z-index: 11;display: flex;justify-content:space-between;align-items: center;}

.customize-tabbtn a{width: 2.32rem;height: 0.92rem;flex-shrink: 0;margin: 0 -0.04rem;}
.customize-tabbtn a.on,.customize-tabbtn a:hover{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s9_btn2.png);background-repeat: no-repeat;background-size: 9.88rem auto;}
.customize-tabbtn a:hover{transform: none;}
.customize-tabbtn a.customize-btn1{background-position:0 0;}
.customize-tabbtn a.customize-btn2{background-position: -2.49rem 0;}
.customize-tabbtn a.customize-btn3{background-position: -5.07rem 0;}
.customize-tabbtn a.customize-btn4{background-position: -7.56rem 0;}


/*更多情报*/
.bg12{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/rp12.jpg) no-repeat 50% 0;background-size: cover;}	
.section-qb{position: relative;width: 16.7rem;padding-top: 0.4rem;}
.qb-tit{background-position:-1.07rem -3.46rem;width: 14.22rem;height: 1.44rem;margin: 0 auto;}

.qb-box{margin:.6rem auto 0;width: 14.6rem;position: relative;}
.qb-box .swiper-container{height:2.9rem; width: 13.4rem;overflow: hidden;margin: 0 auto;}

.qb-box .swiper-container .swiper-slide {width:3.94rem; height:2.68rem; display: block; position: relative;box-sizing: border-box;padding-top:.14rem;}
.qb-box .swiper-container .swiper-slide:after{content: '';width:3.94rem; height:2.68rem;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s10_mask1.png) no-repeat 50% 0;background-size: 100% auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.qb-box a{ display: block; width: 3.67rem;height: 2.42rem;margin: 0 auto;overflow: hidden;position: relative;z-index: 4;border-radius: 0 .35rem 0 .35rem;box-sizing: border-box;border: .01rem solid #969ee6;} 
.qb-box a img {display: block; width: 100%;object-fit: cover; transition: .1s all linear; margin: 0 auto;height: 100%;}
.qb-box a:hover { transform: none !important;} 
.qb-box a:hover img{ transform: scale(1.02) translateZ(1px);}

.qb-prev{left: 0;}
.qb-next{right: 0;}

.qb-line{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s10_line1.png) no-repeat 100% 0;width: 6.78rem;height: .85rem;background-size: 6.78rem auto;margin: .4rem auto 0;}

.qb-channel { width: 100%; display: flex;justify-content: center; height: 2rem;box-sizing: border-box;margin: .4rem auto 0;}

.qb-channel li { position: relative; display: flex; flex-direction: column; align-items: center; width: 2.24rem; height: 1.7rem;}

.qb-channel li span {opacity: 0; position: absolute; top: -5%; left: 50%; transform: translateX(-50%); background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/codebg.png) no-repeat 100% /100% 100%; width: 1.6rem; height: 1.6rem;}

.qb-channel li span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; }

.qb-channel li a { width: 1.28rem; height: 1.3rem;background-image:url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/s10_icon.png);background-size: 10.26rem auto; }

.qb-channel li p { color: #ffffff; font-size: .22rem;line-height: .3rem;margin: 0 auto;font-family: 'systb';}
.qb-channel li:hover span {
    animation: ani 1s forwards;
}
@keyframes ani {
    0% {
        opacity: 0;
        transform: translate(-50%, 20%);
    }

    to {
        opacity: 1;
        transform: translateX(-50%);

    }
}

.weGame { background-position: 0 0; }  
.qq { background-position: -2.25rem 0; }  
.wx { background-position:-4.51rem 0 ; }  
.wb { background-position: -6.74rem 0; } 
.kjq { background-position: -9rem 0; }

/* 侧边导航 */
.fr-navigation{position: fixed;top: 50%;left: 0.2rem;width: 2.54rem;z-index: 9999;transform: translate(-3rem,-50%) scale(0.8) translateZ(1px);transition: all 0.6s linear;}
.fr-navigation.show{transform: translate(0,-50%) scale(0.8) translateZ(1px);}
.nav-ct a{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/nav1.png) no-repeat;background-size: 2.58rem auto;width: 2.58rem;margin: 0 auto 0.04rem;transition: background-image 0.3s linear;}
.nav-ct a:hover{transform: none;}
.nav-ct a.on,.nav-ct a:hover{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/nav2.png);}
.nav-ct a.nav-btn1{background-position: 0 0;height: 0.44rem;}
.nav-ct a.nav-btn2{background-position: 0 -0.7rem;height: 0.44rem;}
.nav-ct a.nav-btn3{background-position: 0 -1.28rem;height: 0.67rem;}
.nav-ct a.nav-btn4{background-position: 0 -2rem;height: 0.67rem;}
.nav-ct a.nav-btn5{background-position: 0 -2.71rem;height: 0.67rem;}
.nav-ct a.nav-btn6{background-position: 0 -3.43rem;height: 0.67rem;}
.nav-ct a.nav-btn7{background-position: 0 -4.15rem;height: 0.67rem;}
.nav-ct a.nav-btn8{background-position:0 -4.87rem;height: 0.67rem;}
.nav-ct a.nav-btn9{background-position: 0 -5.58rem;height: 0.67rem;}
.nav-ct a.nav-btn10{background-position: 0 -6.3rem;height: 0.67rem;}

.nav-ct a.nav-btn{background: none;font-size: 0.16rem;color: #8ea3ff;text-align: right;height: 0.36rem;border-bottom: 0.02rem dashed #ffffff;display: block;width: 100%;line-height: 0.3rem;font-family: 'systb';}
.nav-item{height: 0.5rem;overflow: hidden;transition: height 0.3s linear;}
.nav-item:hover{height: 1.7rem;}
.nav-item a.nav-btn:last-child{border: 0;}
.nav-ct a.nav-btn i{opacity: 0;}
.nav-ct a.nav-btn.on,.nav-ct a.nav-btn:hover{background: none;color: #ffffff;}
.nav-ct a.nav-btn.on i{opacity: 1;display: inline-block;vertical-align: middle;margin-right: 0.04rem;}

.btnlist{margin: 0.1rem auto 0;}
.login,.nav-btnbox a,.line,.down1,.start1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/nav1.png) no-repeat;background-size: 2.58rem auto;}
.login{background-position: -1.2rem -7.11rem;width: 0.16rem;height: 0.18rem;display: block;margin: 0 auto;}
.logineg_box{display: flex;justify-content: space-around;align-items: center;}
.logineg_box a{font-size: .16rem;color: #ffffff;text-align: center;line-height: .26rem;font-family: 'systb';}
.line{background-position: -0.01rem -7.34rem;width: 2.5rem;height: 0.1rem;margin: 0.04rem auto;}
.nav-btnbox {display: flex;justify-content: space-around;align-items: center;width: 1.7rem;margin: 0 auto;}
.nav-btnbox .share{background-position: -0.7rem -7.47rem;width: 0.15rem;height: 0.18rem;}
.nav-btnbox .qqbtn{background-position: -1.2rem -7.47rem;width: 0.16rem;height: 0.18rem;}
.nav-btnbox .game1{background-position: -1.67rem -7.48rem;width: 0.19rem;height: 0.14rem;}

.fr-navigation .down1{background-position: 0 -9.03rem;width: 2.58rem;height: 0.73rem;}
.fr-navigation .start1{background-position: 0 -8.03rem;width: 2.58rem;height: 0.73rem;}
.fr-navigation .down1:hover,.fr-navigation .start1:hover{background-image: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/nav2.png);transform: none;}

.fr-popbox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);display: none;z-index: 9999;}
.pop-box{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;display: none;}
.pop-rule{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pop1.png) no-repeat 50% 0;width: 10.03rem;height: 8.48rem;background-size: 100% auto;padding-top: 1.7rem;}
.p-close{background-position: -17.41rem -39.35rem;width: 0.2rem;height: 0.21rem;position: absolute;top: 0.3rem;right: 0.3rem;}

.rule-box{width: 9.4rem;margin: 0 auto;height: 6.42rem;overflow-y: auto;font-size: 0.18rem;line-height: 0.3rem;color: #ffffff;}
.rule-box p{margin: 0 auto 0.1rem;}
.rule-box p.role-tit1{font-size: 0.24rem;line-height: 0.36rem;font-family: 'systb';margin-top: 0.2rem;}
.rule-box p em{color: #ffdb72;}
.rule-box p span{font-family: 'systb';display: inline-block;font-size: 0.2rem;line-height: 0.4rem;}
.role-table{width: 50%;border: 1px solid #ffffff;margin: 0.1rem auto;text-align: center;}
.role-table th,.role-table td{border: 1px solid #ffffff;padding: 0.1rem;}
.role-table1{width: 80%;}
.role-table2 td:first-child{width: 40%;}
.role-table1 td:first-child{width: 55%;}
.rule-box::-webkit-scrollbar{width: .08rem;border-radius: .1rem;}
.rule-box::-webkit-scrollbar-track{width: .08rem;background-color: #9092a6;border-radius: .1rem;}
.rule-box::-webkit-scrollbar-thumb{width: .08rem;background-color: #eec75c;border-radius: .1rem;}

.pop-tips{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pop2.png) no-repeat 50% 0;width: 6rem;height: 4.24rem;background-size: 100% auto;}
.p-tips{display: flex;justify-content: center;align-items: center;width: 5rem;height: 96%;margin: 0 auto;font-size: 0.5rem;color: #ffffff;text-align: center;line-height: 0.6rem;}

.pop_close1{font-size: .8rem;font-family: 'font2';line-height: 1rem;position: absolute;top: -.5rem;right: -.6rem;color: #ffffff;}
.pop-video,.popvdbox {width:10rem;height:6rem;position:relative;background: #000000;}
.popvdbox video{display: block;width: 100%;height: 100%;object-fit: contain;}

.pop_pic{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pop_float.jpg) no-repeat 50% 0;background-size: 100% auto;width: 10rem;height: 5.64rem;}	
.p_close{font-size: 0.2rem;color: #fff;text-align: center;line-height: 0.4rem;position: absolute;left: 0;bottom: -0.4rem;width: 100%;}
.pop-cd:after{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pop_bg1.png) no-repeat 50% 0;width:10.7rem;height: 7.09rem;background-size: 100% auto;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;}
.cd-box{width: 2.43rem;height: 3.01rem;position: absolute;top: 50%;left: 50%;margin: -1.5rem 0 0 -1.2rem;animation: fpanim 0.6s ease-in;z-index: 3;}
.cd-box img.cd-no,.cd-on{position: absolute;top: 0;left: 0;width: 2.43rem;height: 3.01rem;}
.cd-box img.cd-no{animation: fpanim1 1s 0.6s ease-in both;}
.cd-box .cd-on{animation: fpanim2 1s 0.6s ease-in both;transform:rotateY(90deg);opacity: 0;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/zscd-pbg1.png) no-repeat 50% 0;background-size: 100% auto;}
.cd-box .cd-on img{width: 2.43rem;display: block;}
.cd-box .cd-on span{position: absolute;width: 100%;left: 0;bottom:0.12rem;font-size: 0.2rem;color: #6a260a;text-align: center;line-height: 0.4rem;font-family: 'systb';}
@keyframes fpanim{
	from{transform:scale(0);}
	to{transform:scale(1);}
}
@keyframes fpanim1{
	from{transform: rotateY(0);opacity: 1;}
	to{transform: rotateY(630deg);opacity: 0;}
}
@keyframes fpanim2{
	from,50%{transform: rotateY(90deg);opacity: 0;}
	90%{opacity: 1;}
	to{transform: rotateY(0);opacity: 1;}
}


.pop5{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pop3.png) no-repeat 50% 0;width: 10.03rem;height: 8.48rem;background-size: 100% auto;box-sizing: border-box;padding-top: 1.8rem;padding-left: 0.22rem;}

.card_table{width: 8.98rem;margin: 0 auto;max-height: 6.3rem;overflow-y: auto;}
.card_table table{width: 100%;font-size: .2rem;color: #ffffff;background: rgba(60,80,142,0.6);text-align: center;border-radius: 0.3rem;overflow: hidden;}
.card_table table th,.card_table table td{height: .56rem;text-align: center;word-break: break-all;}
.card_table table th:nth-child(2){border-right: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);}
.card_table table td{box-sizing: border-box;text-align: center;padding: 0;border: 1px solid rgba(255,255,255,0.2);}
.card_table table td:first-child{border-left: 0;width: 1.6rem;}
.card_table table td:last-child{border-right: 0;width: 2.2rem;}
.card_table table td p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;padding: 0 .1rem;text-align: left;}
.btn_copy{display: inline-block;vertical-align: middle;background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/btn_copy.png) no-repeat 50% 0;width: 1.29rem;height: 0.61rem;background-size: 100% auto;margin:0.1rem 0 0 -0.1rem;}
.card_table table td span{display: inline-block;vertical-align: middle;width: 0.9rem;text-align: center;}




.bg2.swiper-slide-prev{z-index: 1;}
.bg3.cn_active{z-index: 12;}
.bg4.swiper-slide-next{z-index: 13;}

.bg.cn_active{animation: scaleA .8s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
@keyframes scaleA{
	from{transform: scale(1.1)}
	to{transform: scale(1);}
}
.cn_active .head-slogan {animation:fadeInDown .8s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
.cn_active .hdbtn-box{animation:fadeInUp .8s .2s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
.cn_active .head-btn-down1 ,.cn_active .head-btn-start1{animation:opahd .8s .2s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}
@keyframes opahd{
	from{opacity: 0;}
	to{opacity: 1;}
}



.s1_box,.s1_btnbox,.pf-box,.zscd-intr,.zscd-box,.zndg-box1,.zndg-box2,.customize-tabbox,.qxnr-tabbox{transform: translateY(1rem);opacity: 0;transition: .8s .2s cubic-bezier(0.42, 0.08, 0.68, 0.97);}
.zndg-tit1,.zndg-tit2,.djdz-tit,.customize-tit1,.tit1,.role-tit,.welfare-tit,.pf-tit,.zscd-tit,.fd-tit1,.qxnr-tit{transform: translateY(-1rem);opacity: 0;transition: .8s .2s cubic-bezier(0.42, 0.08, 0.68, 0.97);}
.role-info,.welfare-fl,.fd-lbox,.djdz-lottery{transform: translateX(-1rem);opacity: 0;transition: .6s .4s cubic-bezier(0.42, 0.08, 0.68, 0.97);}
.role-show2,.welfare-fr,.fd-rbox,.djdz-rwbox{transform: translateX(1rem);opacity: 0;transition: .6s .4s cubic-bezier(0.42, 0.08, 0.68, 0.97);}

.cn_active .s1_box,.cn_active .s1_btnbox,.cn_active .pf-box,.cn_active .zscd-intr,.cn_active .zscd-box,.cn_active .zndg-box1,.cn_active .zndg-box2,.cn_active .zndg-tit1,.cn_active .zndg-tit2,.cn_active .djdz-tit,.cn_active .customize-tit1,.cn_active .customize-tabbox,.cn_active .tit1,.cn_active .role-tit,.cn_active .welfare-tit,.cn_active .pf-tit,.cn_active .zscd-tit,.cn_active .fd-tit1,.cn_active .qxnr-tit,.cn_active .qxnr-tabbox{transform: translateY(0);opacity: 1;}
.cn_active .role-info,.cn_active .welfare-fl,.cn_active .fd-lbox,.cn_active .djdz-lottery{transform: translateX(0);opacity: 1;}
.cn_active .role-show2,.cn_active .welfare-fr,.cn_active .fd-rbox,.cn_active .djdz-rwbox{transform: translateX(0);opacity: 1;}

.zndg-tabbtn{transform: translateX(-1rem) scale(1.2) translateZ(1px);opacity: 0;transition: .6s .4s cubic-bezier(0.42, 0.08, 0.68, 0.97);transform-origin: 20% 50%;}
.cn_active .zndg-tabbtn{transform: translateX(0) scale(1.2) translateZ(1px);opacity: 1;}



.cn_active .s3_cj{animation:fadeInLeft .8s .4s cubic-bezier(0.42, 0.08, 0.68, 0.97) both;}

.tab2 .s3_info{transform: translateX(2rem);opacity: 0;transition: .8s .4s cubic-bezier(0.42, 0.08, 0.68, 0.97);}
.cn_active .s3_info{transform: translateX(0);opacity: 1;}

.cn_active .list_s6 li:nth-child(2),.cn_active .channel{transition-duration: 1.2s;}
.cn_active .list_s6 li:nth-child(3){transition-duration: 1.6s;}
.cn_active .s6yq_box{transition-duration: 1.8s;}


@keyframes fadeInUp{
	from{transform: translateY(1rem);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}
@keyframes fadeInDown{
	from{transform: translateY(-1rem);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}
@keyframes fadeInLeft{
	from{transform: translateX(-2rem);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes fadeInRight{
	from{transform: translateX(2rem);opacity: 0;}
	to{transform: translateX(0);opacity: 1;}
}
@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}

.pop-tips1{background: url(https://wegame.gtimg.com/tgp_act/release/wegame/mingchao20260430/images/pop4.png) no-repeat 50% 0;width: 10.03rem;height: 4.88rem;background-size: 100% auto;padding-top: 1.66rem;}
.pop-tips1 .p-tips{width: 9.5rem;height: 2.66rem;font-size: 0.34rem;color: #ffdb72;font-family: 'systb';}
.pop-tips1 .p-tips span{font-size: 0.16rem;display: block;line-height: 0.34rem;margin: 0 auto;color: #ffffff;font-family: 'systr';}
.pop-tips1 .p-tips span a{color: #ffdb72;text-decoration: underline;text-underline-offset: 0.06rem;font-family: 'systb';}


/* 开发 */
[v-cloak] {
	visibility: hidden;
}
.pop-address .input-box a {
	font-size: 16px;
}
.plugin_ctrl_txp_bottom {
	display: none !important;
}
#popVideo .plugin_ctrl_txp_bottom {
	display: block !important;

}
.txp_barrage_client_launcher, .txp_btn_fake {
	display: none !important;
}
.welfare-btn-ylq1, .pf-btn-ylq, .zscd-ylq,
.djdz-btn-ywc, .fd-btn-ycd, .fd-btn-yck,
.zndg-btn-zs-gray, .zndghb-btn-suo, .zndghb-btn-gray,
.zndg-btn-ywc, .zndg-btn-wkq, .zndg-btn-wkq1, .djdz-btn-ykq {
	pointer-events: none !important;
}
.disabled {
	pointer-events: none !important;
}
.gray {
	filter: grayscale(1);
	pointer-events: none !important;
}