/** 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:tadble;}
.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: #22251e;}
a {text-decoration:none;overflow:hidden;}
.fr-wrapper,body{min-width:12rem !important;overflow-x: 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;}
*{box-sizing: border-box;}
/* 设置根节点 font-size，基于设计稿 1920px */
html,body {
  font-size: calc(100 / 1920 * 100vw);
  overflow-x: hidden;
}
/* 设置最小宽度限制（可选） */
/*@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/online/mc20260930kl90fg32/images/font/systr.ttf);
}
@font-face {
	font-family:'fzys';
	src: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/font/fzys.ttf);
}
@font-face {
	font-family:'systb';
	src: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/font/systb1.ttf);
}
@font-face {
	font-family:'font2';
	src: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/font/font2.ttf);
}

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

.gray,.disabled{filter:grayscale(.7) !important;}
.disabled{pointer-events: none;}
.fr-wrapper a{transition: .2s transform linear;overflow: visible;}
.fr-wrapper a:hover{transform: translate3d(0,0,10px) scale(1.04);}
.fr-wrapper a.gray:hover{transform: none !important;}
.fr-wrapper{font-family:'systr';}
.g-sp{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/sp.png) no-repeat;background-size: 19.2rem auto;}

/*侧边福利*/
.fr-float{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/float1.png) no-repeat 50%  0;width: 2rem;height: 2.3rem;background-size: 100% auto;position: fixed;bottom: 5%;right: 0.2rem;z-index: 99;animation: floatanim 1s ease-in-out both infinite alternate;cursor: pointer;transition: .2s all linear;pointer-events: auto;}
.fr-float.opacity-0{opacity: 0;pointer-events: none;}

/* 浮动按钮动画 */
@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;background: none;}*/
.float-rbox{position: fixed;top: 0;right: -8rem;z-index:999;height: 100vh;width: 3.44rem;cursor: default;}
/*.fr-float:hover .float-rbox{right: 0;transition: .4s ease right;}*/
.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.24rem; background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/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;
}

.fr-navigation{ width: 19.2rem; top: 0; z-index: 99; left: 0; position: fixed; transform: translateY(-1rem); transition: .4s transform ease; }
.fr-navigation.show{transform: translateY(0);}
.navigation-box { background: #000000; height: .5rem; left: 0; width: 19.2rem; display: flex; box-sizing: border-box; justify-content: flex-start; align-items: center; padding: 0 0.7rem 0 1.08rem; position: relative; z-index: 4; }

.navigation-logo { width: 2.02rem; height: .3rem; }

.navigation-ct { display: flex; font-size: .2rem; color: #fff; margin: 0 auto; align-items: center; height: 0.5rem; font-family: 'fzys';}

.navigation-ct li a{ position: relative; padding: 0 .34rem; cursor: pointer; margin: 0 0.1rem; display: flex; align-items: center; height: 0.5rem;  font-size: .2rem; color: #fff;line-height: 0.5rem;}
.navigation-ct li a:hover,.navigation-login a:hover{color: #f2d583;}
.navigation-ct li .navigation-icon--liwu{ width: 0.21rem; height: 0.22rem; background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/nav_icon1.png) no-repeat 100% /100% 100%; margin-left: 0.04rem; position: relative; top: -.02rem; }

.navigation-ct li .navigation-icon--new{
    width: 0.55rem;
    height: 0.2rem;
    background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/nav_icon2.png) no-repeat 50% 0;background-size: 100% auto;
    margin-left: 0.04rem;
    -webkit-animation:shake  6s infinite linear;animation:shake 6s infinite linear;
}
@keyframes shake{
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-4px);}
    20%, 40%, 60%, 80% {transform: translateX(4px);}
}
@-webkit-keyframes shake{
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-4px);}
    20%, 40%, 60%, 80% {transform: translateX(4px);}
}
.navigation-ct li.act,.navigation-ct li:hover {
    color: #f2d583;
    box-sizing: border-box;
}

.navigation-float{ background:rgba(0,0,0,.6); width: 19.2rem; height: .3rem; left: 0; position: absolute; top: 0.5rem; align-items: center; justify-content: flex-start; z-index: 3; box-sizing: border-box; display: none;}
.navigation-float.show{
    display: flex;
}
.navigation-float1{padding-left: 4.8rem;}
.navigation-float2{padding-left: 7.4rem;}
.navigation-float3{padding-left: 9.6rem;}
.fr-navigation a:hover{transform: translateY(0) !important;}
.navigation-float li a{font-size: 0.18rem; color: #ffffff; margin-left: 0.2rem; display: flex; align-items: center; cursor: pointer; position: relative; z-index: 2; font-family: 'systr';line-height: 0.2rem;}
.navigation-float li a:before{ width: 0.05rem; height: 0.05rem; border-radius: 50%; content: ''; margin-right: 0.05rem; }
.navigation-float li.act,.navigation-float li:hover a{color: #f2d583;}
.navigation-float li.act:before,.navigation-float li a:hover:before{background: #f2d583;}

.g-btn{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/btn1.png) no-repeat;background-size: 3.91rem auto;}

.navigation-btn { width: 2.4rem; display: flex; justify-content: space-around; align-items: center; height: 0.46rem;  }
.navigation-line { width: 1px; height: .28rem; background: #fff; margin: 0 0.2rem;}
.navigation-login{display: flex;justify-content: flex-end;align-items: center;width: 3.3rem;}
.navigation-login a,.navigation-btn-logined{font-size: 0.18rem; color: #ffffff;line-height: .24rem;margin: 0 .04rem;white-space: nowrap;font-family: 'systb';}
.navigation-btn-login { background-position:  0 0; width: .25rem; height: .25rem;}
.navigation-btn-login:hover{background-position:  0 -.51rem;}

.navigation-btn-share{background-position: -.64rem 0; width: .26rem; height: .25rem;}
.navigation-btn-share:hover{background-position: -.64rem -.52rem;}
.navigation-btn-qq{background-position: -1.04rem 0; width: .26rem; height: .25rem;}
.navigation-btn-qq:hover{background-position: -1.04rem -.52rem;}
.navigation-btn-game{background-position: -1.45rem 0; width: .26rem; height: .25rem;}
.navigation-btn-game:hover{background-position: -1.45rem -.52rem;}

.navigation-btn-download1,.navigation-btn-start1{background-position: -2.08rem 0;width:1.83rem;height:0.48rem;margin-left: 0.3rem;}
.navigation-btn-start1{background-position: -2.08rem -0.56rem;}
.fr-header{width: 100%;position: relative;}
.fr-header-box{background:url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/mask1.png) no-repeat 50% 100%, url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hd.jpg) no-repeat 50% -0.9rem;background-size: 19.2rem auto;width: 100%;height:11.5rem;z-index: 2;position: relative;}

.header-video{position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.header-video::after{content: '';background:url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/mask1.png) no-repeat 50% 100%;background-size: 19.2rem auto;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.header-video video{display: block;width: 100%;position: absolute;top:-0.9rem;left: 0;}
.head-logo{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/logo.png) no-repeat 50% 0;width: 1.26rem;height: 0.82rem;background-size: 100% auto;position: absolute;top: 0.3rem;left: 0.34rem;}
.hd-box,.hd-box1{position: absolute;bottom: 1.5rem;left: 0;width: 100%;z-index: 11;}
.head-slogan{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/slogan.png) no-repeat 0 0;width:10.38rem;height:2.82rem;background-size: 10.38rem auto;margin: 0 auto;z-index: 3;position: relative;}
.head-vd{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/vd.png) no-repeat 50% 0;position: absolute;bottom: 1rem;right: 0.4rem;background-size: 100% auto;width: 0.69rem;height: 0.7rem;}
.hd-xzbox{position: relative;margin: 0.4rem auto 0;}
.head-btn-down1,.head-btn-start1{background-position: -0.95rem -0.29rem;width: 2.32rem;height: 0.56rem;z-index: 3;margin: 0 auto;position: relative;}
.head-btn-start1{background-position: -4.35rem -0.29rem;}
.hdbtn-box{display: flex;justify-content: center;align-items: center;margin: 0.16rem auto 0;transform-origin: 50% 0;}
.head-btn-newcont1{background-position:-0.38rem -1.13rem;width: 3.29rem;height: 0.8rem;margin: 0 0.2rem;}
.head-btn-wggift1{background-position: -4.11rem -1.13rem;width: 3.29rem;height: 0.8rem;margin: 0 0.2rem;}


.dl-anim{position: absolute;top:-0.34rem;left: 50%;display: flex;justify-content: center;align-items: center;}
.dl-anim span{height: 0.34rem;width: 0.33rem;animation: jump 1.8s linear infinite;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hd_icon.png) no-repeat;background-size: 2.47rem auto;margin: 0 -0.06rem;}
.dl-anim span:nth-child(1){background-position:0 0;animation-delay: 0s;}
.dl-anim span:nth-child(2){background-position:-0.36rem 0;animation-delay: 0.15s;}   
.dl-anim span:nth-child(3){background-position:-0.71rem 0;animation-delay: 0.30s;}
.dl-anim span:nth-child(4){background-position:-1.07rem 0;animation-delay: 0.45s;}
.dl-anim span:nth-child(5){background-position:-1.42rem 0;animation-delay: 0.60s;}
.dl-anim span:nth-child(6){background-position:-1.8rem 0;animation-delay: 0.75s;} 
.dl-anim span:nth-child(7){background-position:-2.14rem 0;animation-delay: 1s;} 




@keyframes jump {
  0% { transform: translateY(0); }  
  20% { transform: translateY(-0.08rem);}
  40% { transform: translateY(0); } 
  100% { transform: translateY(0); }
}

.fr-container1{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/mask2.png) no-repeat 50% 100%,url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/rp1.jpg) no-repeat 50% 0;background-size: 19.2rem auto;background-color: #22251e;position: relative;min-height: 4rem;padding-top: 1px;z-index: 12;margin: 0 auto;}
/* .fr-container1::after{content: '';position: absolute;top: -3rem;left: 0;z-index: 2;pointer-events: none;background:url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/mask1.png) no-repeat 50% 100%;background-size: 19.2rem auto;width: 100%;height: 3.55rem;} */


/*共鸣者情报*/
.section-role{width: 100%;height: 10rem;position: relative;margin:0 auto;z-index: 11;}
.role-show1{width: 100%;height: 10rem;position: relative;}
.role-pic{position: absolute;top: -0.6rem;left: 0;width: 100%;height: 100%;pointer-events: none;}
.role-box{position: relative;width: 100%;height: 100%;}
.role-switch{position: absolute;left: 1rem;bottom: 2rem;width: 7.68rem;height: 1.28rem;display: flex;justify-content:flex-start;align-items: center;align-items: center;z-index: 12;}
.role-switch a{width: 1.28rem;height: 1.28rem;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-act.png) no-repeat;background-size:8.35rem auto;flex-shrink: 0;margin: 0 -0.04rem;}
.role-switch a.on{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-act1.png);}
.role-switch a[data-index="0"]{background-position: 0 0;}
.role-switch a[data-index="1"]{background-position: -1.42rem 0;}
.role-switch a[data-index="2"]{background-position: -2.83rem 0;}
.role-switch a[data-index="3"]{background-position: -4.25rem 0;}
.role-switch a[data-index="4"]{background-position: -5.67rem 0;}
.role-switch a[data-index="5"]{background-position: -7.08rem 0;}

.role-group{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.role-tab{position: absolute;top: 2rem;right: 0.82rem;z-index: 12;}
.role-tab a{display: block;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-tab1.png) no-repeat;background-size: 11.59rem auto;flex-shrink: 0;width: 1.56rem;height: 2.28rem;margin: 0 auto 0.2rem;}
.role-tab a.on{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-tab2.png);}
.role-tab1 a:nth-child(1){background-position:0 0;}
.role-tab1 a:nth-child(2){background-position:0 -2.61rem;}
.role-tab2 a:nth-child(1){background-position:-1.98rem 0;}
.role-tab2 a:nth-child(2){background-position:-1.98rem -2.61rem;}
.role-tab3 a:nth-child(1){background-position:-3.98rem 0;}
.role-tab3 a:nth-child(2){background-position:-3.98rem -2.61rem;}
.role-tab4 a:nth-child(1){background-position:-5.97rem 0;}
.role-tab4 a:nth-child(2){background-position:-5.97rem -2.61rem;}
.role-tab5 a:nth-child(1){background-position:-7.95rem 0;}
.role-tab5 a:nth-child(2){background-position:-7.95rem -2.61rem;}
.role-tab6 a:nth-child(1){background-position:-10.04rem 0;}
.role-tab6 a:nth-child(2){background-position:-10.04rem -2.61rem;}

.role-picbox{width: 19.2rem;height: 12.51rem;position: absolute;left: 50%;top: 50%;margin: -7.56rem 0 0 -9.6rem;pointer-events: none;}
.role-picbox img{display: block;width: 100%;height: 100%;object-fit: cover;}
.role-cont,.role-group{display: none;}
.role-cont.show,.role-group.show{display: block;}
.role-info,.weapon-info{position: absolute;top: 0.2rem;left: 1.26rem;width: 6.2rem;}
.role-name{width: 6rem;height: 2.55rem;position: relative;display: flex;justify-content: flex-start;align-items: center;padding-top: 1.5rem;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-tit.png) no-repeat 0 0;background-size: 5.7rem auto;}
.weapon-info .role-name{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-tit1.png);}
.role-vd{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-vd.png) no-repeat 50% 0;background-size: 100% auto;width: 0.66rem;height: 1.05rem;flex-shrink: 0;}
.role-name span{font-family: 'systb';font-size: 0.7rem;color: #ffffff;text-align: left;line-height: 0.84rem;padding-left: 0.1rem;flex-shrink: 0;white-space: nowrap;}
.role-name i{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-icon1.png) no-repeat 50% 0;background-size: 100% auto;width: 0.51rem;height: 0.1rem;margin-left: 0.2rem;flex-shrink: 0;}
.role-star{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-star.png) no-repeat;background-size: 100% auto;width:2.4rem;height: 0.55rem;margin-top: 0.16rem;margin-left: 0.1rem;}
.role-cv{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-cv.png) no-repeat;background-size: 100% auto;width:4.41rem;height: 0.6rem;position: relative;margin: 0.3rem 0 0 0.06rem;display: flex;align-items: center;justify-content: flex-start;}
.role-cv a{width: 1.18rem;height: 0.5rem;margin-left: 0.4rem;position: relative;}
.role-cv a i{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-line1.png) repeat-x 0 0;background-size: 0.37rem auto;width: 0.37rem;height: 0.2rem;position: absolute;top: 50%;right: 0.2rem;margin-top: -0.1rem;}
.role-cv a.on i{animation: rolecvwave 0.6s linear infinite;}
@keyframes rolecvwave{from{background-position-x: 0;}to{background-position-x: -0.37rem;}}
.role-cv span{font-size: 0.21rem;color: #ffffff;line-height: 0.5rem;margin-left: 0.8rem;font-family: 'systb';padding-bottom: 0.04rem;}

.role-type{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/role-icon.png) no-repeat;background-size: 4.6rem auto;width:4.6rem;height: 0.52rem;position: relative;margin-top: 0.2rem;}
.role-type2{background-position: 0 -0.72rem;}
.role-type3{background-position: 0 -1.42rem;}
.role-type4{background-position: 0 -2.11rem;}
.role-type5{background-position: 0 -2.89rem;}
.role-type6{background-position: 0 -3.66rem;}
.role-txt{font-size: 0.21rem;color: #ffffff;text-align: left;line-height: 0.34rem;font-family: 'systb';width: 4.56rem;margin: 0.2rem 0 0 0.1rem;}

.spine-player canvas{position: absolute;top: 0;left: 0;}
.role-pic .spine-player0 canvas{left: 1.8rem;top: -0.2rem;}
.role-pic .spine-player1 canvas{left:1.4rem;transform: scale(1.06);}
.role-pic .spine-player2 canvas{left:2.2rem;top: -0.8rem;transform: scale(0.92);}
.role-pic .spine-player3 canvas{left:2.2rem;top: -0.8rem;transform: scale(0.92);}
.role-pic .spine-player4 canvas{left:3.2rem;top: -1rem;transform: scale(0.92);}
.role-pic .spine-player5 canvas{left:2.4rem;top: -1rem;transform: scale(0.92);}

/*全新活动*/
.section-qxhd{position: relative;padding: 0 0 1.6rem;}
.qxhd-show1,.qxhd-box{width: 16.68rem;height: 8.02rem;margin: 0 auto;position: relative;}
.qxhd-show1{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxhd-bg1.png) no-repeat 50% 0;width: 11.92rem;height:7.9rem;background-size: 100% auto;margin: 0 auto;padding-top: 1rem;}
.qxhd-tit{background-position:-0.68rem -2.77rem;width: 8.67rem;height: 1.01rem;position: absolute;top: -0.4rem;left: 50%;margin-left: -4.34rem;z-index: 12;display: none;}
.qxhd-show1 .swiper-container,.qxhd-show1 .swiper-container .swiper-slide {width:10.6rem;height: 7.9rem;position: relative;overflow: hidden;margin: 0 auto;}

.qxhd-txt{font-size: 0.32rem;color: #ed9d18;line-height: 0.42rem;text-align: left;margin: 0.48rem auto 0;font-family: 'systb';text-align: center;background-image: -webkit-linear-gradient(top, #ec9208,#ec9208, #f3cf5e, #f3cf5e);  background-image: -moz-linear-gradient(top, #ec9208,#ec9208, #f3cf5e, #f3cf5e);  background-image: linear-gradient(to bottom, #ec9208,#ec9208, #f3cf5e, #f3cf5e);   -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;   -webkit-text-fill-color: transparent; color: transparent;  display: block; font-weight: bold;letter-spacing: 1px;}

.qxhd-pic{width: 10.52rem;height: 5.92rem;margin: 0 auto;}
.qxhd-pic img{display: block;width: 100%;height: 100%;object-fit: cover;}

.qxhd-show2{margin: 0 auto;width: 7.9rem;margin: 0 auto;position: relative;z-index: 11;}
.qxhd-show2 .swiper-container{width: 100%;overflow: hidden;}
.qxhd-btn{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxhd-btn2.png) no-repeat 50% 0;width: 1.72rem;height: 0.75rem;background-size: 100% auto;margin: 0 auto;display: block;position: relative;}
.qxhd-btn img{width: 1.58rem;height: 0.61rem;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0.6;border-radius: 0.1rem;filter: brightness(0.6);}
.qxhd-show2 .qxhd-btn:hover{transform: translateY(0);}
.qxhd-show2 .swiper-container .swiper-slide-thumb-active .qxhd-btn{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxhd-btn1.png);}
.qxhd-show2 .swiper-container .swiper-slide-thumb-active .qxhd-btn img{filter: brightness(1);opacity: 1;}
.qxhd-prev{background-position: -7.87rem -0.37rem;width: 0.26rem;height: 0.34rem;position: absolute;top:50%;transform: translateY(-50%);left: -0.36rem;cursor: pointer;}
.qxhd-next{background-position: -8.92rem -0.37rem;width: 0.25rem;height: 0.34rem;position: absolute;top:50%;transform: translateY(-50%);right: -0.36rem;cursor: pointer;}
/*全新地域*/
.section-qxdy{position: relative;padding-bottom: 1rem;}
.qxdy-show1{width: 100%;position: relative;}
.qxdy-show1 .swiper-container{width: 100%;}
.qxdy-pic{display: block;width: 100%;position: relative;height: 8.06rem;}
.qxdy-pic i{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxdy-mask1.png) no-repeat 50% 0;width: 19.2rem;height: 8.12rem;position: absolute;top: 0;left: 0;background-size: 100% auto;}
.qxdy-btn{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/vd.png) no-repeat 50% 0;width: 0.7rem;height: 0.7rem;background-size: 100% auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;z-index: 11;}
.qxdy-btn:hover{transform: translate(-50%,-50%) scale(1.1) !important;}
.qxdy-pic img{display: block;width: 100%;}
.qxdy-vd{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;display: none;}
.qxdy-info{width: 9.6rem;margin: -1.3rem 0 0 0.9rem;position: relative;z-index: 12;pointer-events: none;}
.qxdy-name{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxdy-bg1.png) no-repeat 50% 0;width: 5.61rem;height: 1.01rem;background-size: 100% auto;font-size: 0.35rem;color: #effdff;font-family: 'systb';line-height: 0.8rem;box-sizing: border-box;padding-left: 0.34rem;text-shadow: 0 0 0.1rem #5490cb;}

.qxdy-txt1{font-size: 0.2rem;color: #ffffff;width: 8.82rem;margin: 0.74rem auto 0;line-height: 0.32rem;}

.qxdy-show2{position: absolute;right: 0.98rem;top: 7.58rem;z-index: 12;}
.qxdy-prev{background-position: -7.87rem -0.37rem;width: 0.26rem;height: 0.34rem;position: absolute;top:0.76rem;left: -0.36rem;cursor: pointer;}
.qxdy-next{background-position: -8.92rem -0.37rem;width: 0.25rem;height: 0.34rem;position: absolute;top:0.76rem;right: -0.36rem;cursor: pointer;}
.swiper-button-disabled{filter: grayscale(1);opacity: .6;}
.qxdy-show2 .swiper-container{width: 6.76rem;overflow: hidden;}
.qxdy-min{display: block;width: 2.09rem;position: relative;margin: 0 auto;}
.qxdy-min img{display: block;width: 100%;}
.qxdy-min i{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxdy-mask3.png) no-repeat 50% 0;width: 2.09rem;height: 1.2rem;position: absolute;top: 0;left: 0;background-size: 100% auto;}
.qxdy-show2 .swiper-container .qxdy-min:hover{transform: translateY(0);}
.qxdy-show2 .swiper-container .swiper-slide-thumb-active .qxdy-min i{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/qxdy-mask2.png);}



/*活动日历*/
.section-hdrl{margin: 0.6rem auto 0;padding-bottom: 3.8rem;}
.dhrl-box{width: 16rem;position: relative;box-sizing: border-box;margin: 0 auto;}
.hdrl-tit{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/rl-bg1.png) no-repeat 50% 0;width: 9.25rem;height: 1.58rem;background-size: 100% auto;margin: 0 auto -0.5rem;display: block;position: relative;z-index: 2;}

.dhrl-pic{width: 100%;margin: 0 auto;}
.dhrl-pic img{display: block;width: 100%;margin: 0 auto;}

.dhrl-pic::-webkit-scrollbar{width: .08rem;border-radius: .1rem;}
.dhrl-pic::-webkit-scrollbar-track{width: .08rem;background-color: #ffffff;border-radius: .1rem;}
.dhrl-pic::-webkit-scrollbar-thumb{width: .08rem;background-color: #3b7dab;border-radius: .1rem;}


.fr-container2{background:url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/mask3.png) no-repeat 50% 100%, url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/rp1.jpg) no-repeat 50% 0;width: 100%;background-size: 19.2rem auto;background-color: #22251e;position: relative;margin: -1px auto 0;padding-bottom: 2.4rem;z-index: 14;padding-top: 1px;}

/*独家福利版更好礼再放送*/
.section-welfare{position: relative;margin:-1.2rem auto 0;width: 17rem;}
.welfare-tit{background-position:-0.33rem -4.35rem;width: 16.67rem;height: 1.84rem;margin: 0 auto;}
.welfare-box{display: flex;justify-content: space-between;align-items: flex-start;width: 16.8rem;position: relative;margin: 0.4rem auto 0;}
.welfare-fl{width:6.28rem;position: relative;}
.welfare-sub1{background-position: -0.44rem -6.7rem;width: 4.4rem;height: 0.78rem;margin: 0 auto;}
.welfare-pic{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/welfare_bg1.png) no-repeat 50% 0;width:6.28rem;height: 5.76rem;background-size: 100% auto;transition: all .2s linear;padding-top: 4.5rem;margin: 0.3rem auto 0;position: relative;}
.welfare-pic:hover{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/welfare_bg1_h.png);}
.welfare-pic img{width: 100%;position: absolute;top: 0;left: 0;transform: translateY(0.4rem);transition: all .2s ease-in-out;}
.welfare-pic:hover img{transform: translateY(0);}

.welfare-pic:hover .welfare-btn-lq1,.welfare-pic:hover .welfare-btn-ylq1{opacity: 1;margin: 0 auto;}
.welfare-fl .welfare-btn-lq1,.welfare-fl .welfare-btn-ylq1{background-position:  -9.78rem -0.33rem;width: 2.65rem;height: 0.63rem;display: block;margin: 0.2rem auto 0;opacity: 0;transition: all .2s linear !important;}
.welfare-fl .welfare-btn-ylq1{background-position: -9.78rem -1.33rem !important;}
.welfare-fr{width: 10.46rem;position: relative;}
.welfare-sub2{background-position:-5.53rem -6.7rem;width: 4.4rem;height: 0.78rem;margin: 0 auto;position: relative;}
.welfare-btn-rule{background-position:-13.56rem -15.49rem;width: 0.25rem;height: 0.25rem;position: absolute;top: .1rem;right: 1.44rem;display: none;}
.welfare-txt1{font-size: .2rem;color: #fff6dc;text-align: left;line-height: .26rem;margin:0.04rem auto 0;padding-left: 0.1rem;}
.welfare-btn-lb{font-size: .2rem;color: #df9042;line-height: .3rem;text-decoration: underline !important;text-underline-offset: .1rem;position: absolute;top: .8rem;right: 0.16rem;}
.welfare-lb{display: flex;justify-content: space-between;align-items: flex-start;}
.welfare-lb li{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/welfare_bg2.png) no-repeat 0 0;background-size: 100% auto;width: 2.67rem;height: 5.76rem;transition: all .2s linear;position: relative;flex-shrink: 0;}
.welfare-lb li:hover{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/welfare_bg2_h.png);}
.welfare-rw{height:1.24rem;font-size: 0.28rem;color: #e8f3fe;text-align: center;line-height: 0.38rem;font-family: 'systb';padding-top: 0.7rem;transition: all .2s linear;position: relative;}
.welfare-rw::after{content: '';position: absolute;top: 1.2rem;left: 50%;transform: translateX(-50%);background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/welfare_line1.png) no-repeat 50% 0;background-size: 100% auto;width: 1.88rem;height: 3.76rem;}
.welfare-dj{width: 2rem;height: 2rem;margin: 0.48rem auto 0;transition: all .2s linear;}
.welfare-dj img{display: block;margin: 0 auto;width: 100%;}
.welfare-name{font-size: 0.22rem;color: #ffffdd;text-align: center;line-height: 0.32rem;height: 0.7rem;display: flex;justify-content: center;align-items: center;margin: 0.28rem auto 0;transition: all .2s linear;}    
.welfare-lb .welfare-btn-lq1,.welfare-lb .welfare-btn-ylq1{background-position:-12.95rem -0.44rem;width: 1.78rem;height: 0.42rem;opacity: 0;display: block;position: absolute;bottom: 0.2rem;left: 50%;margin-left: -0.89rem;transition: all .2s linear !important;pointer-events: none;}
.welfare-btn-ylq1{background-position: -12.95rem -1.44rem !important;}

.welfare-lb li:hover .welfare-btn-lq1,.welfare-lb li:hover .welfare-btn-ylq1{opacity: 1;bottom: 0.65rem;pointer-events: auto;}
.welfare-lb li:hover .welfare-rw{transform: translateY(-0.12rem);}
.welfare-lb li:hover .welfare-dj,.welfare-lb li:hover .welfare-name{transform: translateY(-0.48rem);}

.section-fpcj{--dur:.42s;--ease:cubic-bezier(.45,.05,.35,1);position: relative;margin:-1.2rem auto 0;width: 17rem;}
.fpcj-tit{background-position:-0.36rem -8rem;width: 17.55rem;height: 1.96rem;margin: 0 auto;}
.fpcj-box{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/fpcj_bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 19.2rem;height: 8.26rem;background-size: 100% auto;margin: 0.8rem 0 0 -1.1rem;}
.fpcj-lottery{width: 12.3rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 6.8rem;padding-top: 0.68rem;}
.tile{position:relative;width: 3.69rem;height: 5.24rem;perspective:1100px;}
.hf,.ff,.fb{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background-repeat:no-repeat;background-size:100% 200%;}
.hf.top{top:0;}
.hf.bot{top:50%;}
.flap{position:absolute;left:0;top:50%;width:100%;height:50%;transform-origin:50% 0%;transform-style:preserve-3d;transform:rotateX(0deg);}
.ff,.fb{top:0;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.fb{transform:rotateX(180deg);}
.ff::after,.fb::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);}
.tile.flipping .ff::after{animation:shFront var(--dur) linear forwards;}
.tile.flipping .fb::after{animation:shBack var(--dur) linear forwards;}
@keyframes shFront{from{background:rgba(0,0,0,0);}to{background:rgba(0,0,0,.62);}}
@keyframes shBack{from{background:rgba(0,0,0,.62);}to{background:rgba(0,0,0,0);}}
.hf.top::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);}
.tile.flipping .hf.top::after{animation:shTop var(--dur) linear forwards;}
@keyframes shTop{0%{background:rgba(0,0,0,0);}50%{background:rgba(0,0,0,0);}100%{background:rgba(0,0,0,.14);}}
.seam{position:absolute;left:0;top:50%;width:100%;height:1px;margin-top:-.5px;background:rgba(0,0,0,.12);box-shadow:0 1px 0 rgba(255,235,190,.10);pointer-events:none;}
.glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;box-shadow:inset 0 0 0 3px #ffd979,inset 0 0 34px rgba(255,186,72,.55),0 0 26px rgba(255,190,80,.6);background:radial-gradient(ellipse at 50% 45%,rgba(255,214,110,.28),rgba(255,168,40,.05) 62%,transparent 76%);}
.tile.winner .glow{opacity:1;animation:winPulse 1.5s ease-in-out infinite;}
@keyframes winPulse{0%,100%{filter:brightness(1);}50%{filter:brightness(1.22);}}
.fpcj-btn-cj,.fpcj-btn-ycj{display: block;background-position: -15.28rem -0.36rem;width: 3.76rem;height: 0.96rem;margin: 0 auto;}
.fpcj-btn-ycj{background-position: -15.28rem -1.72rem;}
.fpcj-num{font-size: 0.24rem;color: #fff7e3;text-align: center;line-height: 0.34rem;margin: -0.06rem auto 0;}
.fpcj-rwbox{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/fpcj_bg2.png) no-repeat 50% 0;background-size: 100% auto;width: 9.82rem;height: 1.84rem;margin: 0.4rem auto 0;display: flex;justify-content: center;align-items: center;}
.fpcj-rwtxt{width: 6.4rem;}
.fpcj-txt1{font-size: 0.28rem;color: #e7c75f;text-align: left;line-height: 0.38rem;font-family: 'fzys';}
.fpcj-txt1 a{text-decoration: underline !important;text-underline-offset: .1rem;color: #f06133;position: relative;}
.fpcj-txt1 a em{position: absolute;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s8-bg2.png) no-repeat 50% 0;width: 2.84rem;font-size: .16rem;color: #ffffff;text-align: left;line-height: .2rem;font-family: 'systr';background-size: 100% 100%;bottom: 0.36rem;left: 50%;margin-left: -1.48rem;opacity: 0;transform: translateY(.2rem);transition: .2s all linear;box-sizing: border-box;padding:0.06rem 0.1rem 0.16rem;pointer-events: none;}
.fpcj-txt1 a:hover em{opacity: 1;transform: translateY(0);pointer-events: all;}
.fpcj-txt2{font-size: 0.2rem;color: #fff7e3;text-align: left;line-height: 0.34rem;margin: .06rem auto 0;}
.fprw-btn-qwc,.fprw-btn-ywc,.fprw-btn-lq,.fprw-btn-ylq{background-position: -10.03rem -2.37rem;width: 2.2rem;height: 0.54rem;margin-left: 0.1rem;}
.fprw-btn-lq{background-position: -12.65rem -2.37rem;}
.fprw-btn-ywc{background-position:-10.03rem -3.08rem;}
.fprw-btn-ylq{background-position:-12.65rem -3.08rem;}
.fpcj-tips{font-size: 0.2rem;color: #fff6dc;text-align: right;line-height: 0.3rem;margin: 0.2rem auto 0;}
.fpcj-tips a{text-decoration: underline !important;text-underline-offset: .1rem;color: #fff6dc;display: inline-block;}
.fpcj-tips a:hover{transform: translateY(-0.06rem);}

.fr-container3{background:url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/mask4.png) no-repeat 50% 100%, url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/rp1.jpg) no-repeat 50% 0;width: 100%;background-size: 19.2rem auto;background-color: #22251e;position: relative;margin: -1px auto 0;padding-bottom: 2rem;z-index: 14;padding-top: 1px;}
/* 邀约瓜分15万Q币 至多叠加10份 */
.section-yygf{width: 16.8rem;margin: -1rem auto 0;position: relative;}
.yygf-tit{background-position:-0.33rem -10.5rem;width: 16.67rem;height: 1.97rem;margin: 0 auto;}
.yygf-box{width: 16rem;height: 5.3rem;background-size: 100% auto;margin: 0.4rem auto 0;display: flex;justify-content: space-between;align-items: flex-start;box-sizing: border-box;position: relative;}

.yygf-fl{width: 9.12rem;padding-top: 0.6rem;margin-left: -0.2rem;}
.yygf-hb1{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s8_hb1.png) no-repeat 50% 0;width: 5.61rem;height: 4.22rem;background-size: 100% auto;position: relative;box-sizing: border-box;padding-top: 2.84rem;padding-right: .14rem;}
.yygf-hb1_jb{width: 4rem;height: 3.8rem;position: absolute;top:0;left: 0.66rem;}
.yygf-hb1 .hb-jb{left:-0.8rem;top: 0.2rem}

.yygf-hb_num2{width:4.47rem;height:0.3rem;margin: 0 auto;font-size: .2rem;color: #fff8dd;text-align: center;line-height: .26rem;padding-right: 0.18rem;font-family: 'fzys';}

.yygf-hb_num3{width: 4.68rem;position: absolute;right: -3.5rem;top: 0.8rem;}
.yygf-hb_num3 span{font-size: .68rem;color: #ffe7a7;font-family: 'font2';display: block;text-align: center;line-height: .92rem;background-image: linear-gradient(#fff6dc,#fff6dc,#ffda77,#ffda77);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 0 .04rem #0f1622);}
.yygf-hb_num3 em{display: block;font-size: 0.36rem;color: #e7c75f;text-align: center;line-height: 0.5rem;font-family: 'systr';margin: 0.16rem auto 0;font-weight: bold;}

.yygf-hb_num3 p{background-position: -3.98rem -14.27rem;width: 3.59rem;height: 0.32rem;margin: .1rem auto 0;font-size: .19rem;color: #ffffff;text-align: center;line-height: .32rem;}
.yygf-hb_num3 p i{font-style: normal;color: #ffe18e;font-family: 'fzys';padding-right: 0.06rem;}
.yygf-hb_num3 p.yygf-hb-tips{font-size: 0.16rem;color: #fff7e3;text-align: center;line-height: 0.24rem;margin: 0.1rem auto 0;letter-spacing: -0.01rem;}

.yygf-btn_box1{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s8_line1.png) no-repeat 0% 44%;width: 9.12rem;background-size: 8.92rem auto;margin: -0.1rem auto 0;}
.btn_yygf-cy1{background-position:-0.27rem -12.93rem;width: 3.03rem;height: 0.78rem;display: block;margin: 0 auto;}
.btn_yygf-lq{background-position: -0.27rem -14.04rem;width: 3.03rem;height: 0.78rem;display: block;margin: 0 auto;}
.btn_yygf-ylq{background-position: -7.37rem -12.88rem;width: 3.03rem;height: 0.78rem;display: block;margin: 0 auto;pointer-events: none;}
.btn_yygf-wcy{background-position:-5.46rem -13.03rem;width: 1.15rem;height: 0.43rem;display: block;margin: 0 auto;pointer-events: none;}
.yygf-ylq{height: 1.19rem;box-sizing: border-box;padding-top: 0.34rem;}
.yygf-ylq i{background-position:-3.9rem -13.03rem;width: 1.13rem;height: 0.42rem;margin: 0 auto;display: block;}
.yygf-ylq span{display: block;font-size: 0.19rem;color: #d2e6da;text-align: center;line-height: 0.3rem;}

.list-yygf-rw{position: relative;width: 6.89rem;margin-top:0.74rem;}
.list-yygf-rw:before{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s8_elem1.png) no-repeat 50% 0;width:8.68rem;height: 6.79rem;background-size: 100% auto;position: absolute;left: -1.76rem;top: -2.12rem;pointer-events: none;}
.list-yygf-rw li{padding-left: 3.2rem;position: relative;z-index: 2;height: 2.36rem;padding-top: 0.32rem;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s8_line2.png) no-repeat 90% 100%;background-size: 3.35rem auto;}
.list-yygf-rw li:last-child{background: none;}
.list-yygf-rw li .yygf-txt2{text-align: center;}
.btn_yygf-yq1,.btn_yygf-yq1_gray,.btn_yygf-lq1,.btn_yygf-ylq1{background-position: -10.94rem -12.98rem;width: 2.17rem;height: 0.52rem;display: block;margin: 0.3rem auto 0;}
.btn_yygf-yq1_gray{background-position: -10.94rem -13.78rem;}
.btn_yygf-lq1{background-position: -13.42rem -12.98rem;}
.btn_yygf-ylq1{background-position:-13.42rem -13.78rem;}

.yygf-txt1{font-size: .26rem;color: #e7c75f;line-height: .38rem;text-align: center;font-family: 'fzys';}
.yygf-txt1 a{color: #f3743c;display: inline-block;vertical-align: top;position: relative;text-decoration: underline;text-underline-offset: .06rem;}
.yygf-txt1 a:hover{transform: translateY(0);}
.yygf-txt1 a em{position: absolute;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s8-bg2.png) no-repeat 50% 0;width: 2.84rem;font-size: .18rem;color: #ffffff;text-align: left;line-height: .23rem;font-family: 'systr';background-size: 100% 100%;bottom: 0.36rem;left: 50%;margin-left: -1.48rem;opacity: 0;transform: translateY(.2rem);transition: .2s all linear;box-sizing: border-box;padding:0.06rem 0.2rem 0.16rem;pointer-events: none;}
.yygf-txt1 a:hover em{opacity: 1;transform: translateY(0);pointer-events: all;}
.yygf-txt2{font-size: .19rem;color: #fff7e3;text-align: left;line-height: .28rem;margin: 0.2rem auto 0;}
.yygf-tips1{position: absolute;right: .3rem;bottom: -0.6rem;font-size: .16rem;color: #fff7e3;text-align: right;line-height: .34rem;}
.yygf-tips1 a{text-decoration: underline !important;color: #fff7e3;text-underline-offset: .06rem;display: inline-block;vertical-align: top;}
.yygf-tips1 a:hover{transform: translateY(-0.06rem);}
/* 活跃集宝组合 累积赢1888Q币 */
.section-hyjb{width: 17.3rem;margin: -0.4rem auto 0;position: relative;}
.hyjb-tit{background-position: -0.26rem -14.96rem;width: 16.68rem;height: 1.83rem;margin: 0 auto;}
.hyjb-box{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 17.26rem;height: 8.56rem;margin: 0.58rem auto 0;display: flex;justify-content: center;align-items: flex-start;padding-top: 0.18rem;padding-right: 0.2rem;}
.hyjb-hb{width: 6.2rem;flex-shrink: 0;}
.hyjb-sub1{background-position: -0.44rem -17.17rem;width: 4.4rem;height: 0.97rem;margin: 0 auto;}
.bag-desc{font-size: 0.16rem;color: #fff7e3;text-align: center;line-height: 0.26rem;margin: 0 auto;}
.hyjb-hb-box{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-hb.png) no-repeat 50% 0;background-size: 100% auto;margin: 0.2rem auto 0;width: 6.17rem;height: 6.5rem;padding-top: 0.9rem;padding-left: 0.12rem;}
.hyjb-hb-dh,.hyjb-hb-suo,.hyjb-hb-ylq,.hyjb-hb-wcy{display: block;margin: 0 auto;width: 2.31rem;height: 2.3rem;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-btn1.png) no-repeat 50% 0;background-size: 100% auto;}
.hyjb-hb-suo{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-btn2.png);pointer-events: none;}
.hyjb-hb-ylq{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-btn3.png);pointer-events: none;}
.hyjb-hb-wcy{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-btn4.png);pointer-events: none;}
.hyjb-hb-num1{font-size: 0.33rem;color: #fff8bd;text-align: center;line-height: 0.4rem;margin: 0 auto;font-family: 'fzys';}
.hyjb-hb-num2{font-size: 0.24rem;color: #fff8dd;text-align: center;line-height: 0.34rem;margin: 0.22rem auto 0;}
.hyjb-send-list{width: 1.4rem;font-size: 0.22rem;color: #fff8dd;text-align: center;line-height: 0.34rem;margin: 1.5rem auto 0;text-decoration: underline;cursor: pointer;}
.hyjb-fr{width: 10.5rem;margin-left: 0.14rem;flex-shrink: 0;}

.bag-wrap {display: flex;gap: 0.6rem;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.bag-title {background-position: -5.88rem -17.16rem;width: 4.4rem;height: 0.97rem;margin: 0 auto;padding-top: 0.4rem;font-size: 0.32rem;color: #f1ba40;text-align: center;line-height: 0.4rem;font-family: 'fzys';}
.hyjb-tips{font-size: 0.18rem;color: #fff6dc;text-align: left;line-height: 0.3rem;margin: 0.1rem auto 0;padding-left: 0.5rem;}
.hyjb-tips1{bottom: 0;}

/* 左侧装备栏 */
.bag-left {
    position: relative;
    width: 4.4rem;
    flex-shrink: 0;
}
.equip-grid {
    width: 3.9rem;
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 0.78rem);
    grid-auto-rows: 0.8rem;
    margin: 0.3rem auto 0;
}
.equip-grid::after{
    content: '';
    background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-bg2.png) no-repeat 50% 0;
    background-size: 100% auto;
    width: 4.08rem;
    height: 4.26rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.equip-grid .grid-cell {
    position: relative;
    z-index: 3;
    width: 0.78rem;
    height: 0.8rem;
    border: 1px solid #8d6d44;
    transition: background-color .15s linear, border-color .15s linear;
}
.equip-grid .grid-cell.cell-highlight-ok{background-color:rgba(0,200,80,0.35);border-color:#22aa55;}
.equip-grid .grid-cell.cell-highlight-no{background-color:rgba(220,40,40,0.35);}
/* 旋转导致的重叠格子标深红（cell 内联背景色需 !important 覆盖） */
.equip-piece-wrap .cell.cell-overlap{background-color:rgba(220,40,40,0.2) !important;}
/* 重叠提示文案：默认隐藏，存在重叠装备时显示 */
.bag-overlap-tip{position: absolute;font-size: 0.18rem;color: rgba(255, 255, 255, 1);text-align: center;height: 0.3rem;line-height: 0.2rem;top: 3.4rem;left: 50%;transform: translateX(-50%);z-index: 12;pointer-events: none;text-shadow: 0 0 0.1rem #000,0 0 0.1rem #000;justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.5);padding: 0 0.06rem;white-space: nowrap;display: none;opacity: 0.8;}
.bag-overlap-tip em{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/icon.png) no-repeat 50% 0;background-size: 100% auto;width: 0.24rem;height: 0.24rem;font-size: 0;}
.bag-overlap-tip.show{display:flex;}
/* 半透明吸附预览 */
.equip-piece-preview{
    position:absolute;
    display:grid;
    gap:0.02rem;
    pointer-events:none;
    z-index:8;
    opacity:0.45;
}
.equip-piece-preview .cell{border-radius:0.02rem;}
/* 旋转动画 */
.equip-piece-wrap{
    transition: transform .25s ease, left .15s linear, top .15s linear;
}
.equip-piece-wrap.rotating{transform:rotate(90deg);}
/* 右侧背包栏 */
.bag-right {
    width: 5.5rem;
    margin-left: -0.2rem;
}
.bag-title1{background-position: -11.76rem -17.12rem;width: 4.35rem;height: 0.97rem;margin: 0 auto;}
.bag-title-inner {
    text-align: center;
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
}
.bag-desc{
    text-align:center;
    font-size:0.18rem;
    margin-bottom:0.2rem;
}
.bag-item-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.24rem;
    position: relative;
    padding: 0.14rem 0.1rem 0.4rem;
}
.bag-item-list::after{
    content: '';
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 226, 135,0.3);
    border-radius: 0.4rem 0 0.4rem 0;
    width: 5.1rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bag-item {
    z-index: 2;
    position: relative;
    height: 1.3rem;
    margin: 0 auto 0.1rem;
}
.bag-item.bag-gray {
    /* opacity: 0.3; */
    pointer-events: none;
    filter: grayscale(1);
}
.bag-item-shape{transform: scale(0.7);margin: 0 auto;}
.bag-item[data-id="1"] .bag-item-shape{
    margin: 0.4rem auto 0;
}
.bag-item[data-id="1"] .count-text{
    bottom: 0.1rem;
}
.bag-item[data-id="1"] .bag-item-name,.bag-item[data-id="4"] .bag-item-name{
    right: -0.14rem;
    top: 0.06rem;
}

.bag-item[data-id="2"] .bag-item-name{
    right: 0.2rem;
}
.bag-item[data-id="3"] .bag-item-name{
    right: 0.2rem;
}
.bag-item[data-id="2"] .bag-item-shape{
    transform-origin:50% 20%;
}
.bag-item[data-id="2"] .count-text{
    bottom: 0;
    right: 0.2rem;
}
.bag-item[data-id="3"] .bag-item-shape{
    transform: scale(0.5);
    transform-origin:50% 10%;
}
.bag-item[data-id="3"] .count-text{
    bottom: -0.1rem;
    right: 0.9rem;
}
.bag-item[data-id="3"],.bag-item[data-id="6"]{position: relative;left: -0.4rem;}
.bag-item[data-id="6"] .count-text{
    right: 0.3rem;
}

.bag-item-shape {
    position: relative;
    display: grid;
    /* gap: 0.01rem; */
    cursor: grab;
}
.bag-item-shape:hover .cell{
    box-shadow: 0 0 0.1rem rgba(255, 170, 69,0.4);
    filter: brightness(2);
}
.bag-item-shape:hover  .cell-empty{
    box-shadow: none;
}
.bag-item-shape:active {
    cursor: grabbing;
}
.bag-item-shape .cell {
    border: 1px solid #4c422c;
}
.bag-item-shape .cell-empty {
    background-color: transparent;
    border: 0;
}
.bag-item-name {
    position: absolute;
    background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-bg3.png) no-repeat 50% 0;
    background-size: 100% auto;
    width: 0.7rem;
    height: 0.54rem;
    font-family: 'fzys';
    font-size: 0.2rem;
    color: #fff7e3;
    text-align: center;
    line-height: 0.4rem;
    position: absolute;
    top: 0;right: 0;
    z-index: 3;
    transform: translateY(0.08rem) scale(0.9);
    opacity: 0;
    transition: 0.2s all linear;
}
.bag-item:hover .bag-item-name{
    transform: translateY(0) scale(0.9);
    opacity: 1;
}
.power-text {
   font-size: 0.14rem;
   color: #fff7e3;
   text-align: center;
   line-height: 0.2rem;
   position: absolute;
   bottom: -0.3rem;
   left: 0;
   width: 100%;
}
.count-text {
    font-size: 0.14rem;
    color: #e8c579;
    text-align: center;
    line-height: 0.2rem;
    position: absolute;
    right: 0.1rem;
    bottom: -0.1rem;
    height: 0.2rem;
}
/* 装备块 */
.equip-piece-wrap {
    position:absolute;
    display:grid;
    /* gap:0.01rem; */
    pointer-events:none;
    cursor: move;
    z-index:10;
}
/* 覆盖在cell上面的装备图片层 */
.piece-img {
    position:absolute;
    top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);
    background-size:100% 100%;
    background-position:0 0;
    background-repeat:no-repeat;
    pointer-events:none;
    z-index:2;
}
.equip-piece-wrap .cell {
    pointer-events: all;
}
/* 拖拽虚影 */
.equip-piece-ghost {
    position: fixed;
    display: grid;
    /* gap:0.01rem; */
    z-index:9999;
    pointer-events:none;
    opacity:0.6;
}
.equip-piece-ghost .cell {
    border-radius:0.02rem;
}
.bag-btn-group {
    display: flex;
    justify-content: flex-start;
    margin: 0.14rem auto 0;
    align-items: center;

}
.bag-btn-group a{width: 2.18rem;height: 0.58rem;margin: 0 0.2rem;}
.btn-synthesis{background-position: -0.38rem -18.59rem;}
.btn-select{background-position: -3.13rem -18.59rem;}

.hyjb-rwbox{width: 10.2rem;height: 1.64rem;background: rgba(0, 0, 0,0.3);border: 1px solid rgba(255, 226, 135,0.3);border-radius: 0.4rem 0;margin: 0.3rem auto 0;display: flex;justify-content: space-between;align-items: flex-start;padding: 0.06rem 0.16rem;flex-wrap: wrap;}
.hyjb-rwbox li{width: 4.84rem;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/hyjb-ling1.png) no-repeat 0 100%;background-size: 4.63rem auto;height: 0.8rem;display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.1rem;}
.hyjb-rwbox li:nth-child(3),.hyjb-rwbox li:nth-child(4){background: none;}
.hyjb-rwinfo{padding-left: 0.1rem;}
.hyjb-rwtxt1{font-size: 0.18rem;color: #e7c75f;text-align: left;line-height: 0.26rem;font-family: 'fzys';white-space: nowrap;}
.hyjb-rwbox li:nth-child(4) .hyjb-rwtxt1{letter-spacing: -0.02rem;}
.hyjb-rwtxt2{font-size: 0.14rem;color: #fff7e3;text-align: left;line-height: 0.22rem;}
.hyjb-btn-qwc,.hyjb-btn-ywc,.hyjb-btn-lq,.hyjb-btn-ylq{background-position: -6rem -18.58rem;width: 1.35rem;height: 0.33rem;flex-shrink: 0;}
.hyjb-btn-ywc{background-position: -9.04rem -18.58rem;}
.hyjb-btn-lq{background-position: -7.54rem -18.58rem;}
.hyjb-btn-ylq{background-position: -10.54rem -18.58rem;}


/*独家重磅福利*/
.section-djfl{width: 16.8rem;position: relative;margin: 0 auto 0;}
.djdz-tit{background-position:-0.47rem -19.34rem;width: 16.67rem;height: 1.84rem;margin: 0 auto;}
.djdz-box1{display: flex;justify-content: space-between;align-items: flex-start;margin: 0.36rem auto 0;}
.djdz-lottery{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/djdz-djbg1.png) no-repeat 50% 0;background-size: 100% auto;width: 10.58rem;height: 8.15rem;flex-shrink: 0;margin-top: 0.2rem;}
.djdz-lottery p{position: absolute;pointer-events: none;}
.djdz-lottery p a{position: absolute;display: block;pointer-events: all;}
.djdz-lottery p:hover{z-index: 6;}
.djdz-lottery p:hover img{filter: drop-shadow(0 0.02rem 0.06rem #dcf0e2);transform: scale(1.02);opacity: 1;}
.djdz-lottery p img{display: block;width: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s ease-in-out;}
.djdz-dj{width: 4.9rem;height: 4.15rem;top: 3.82rem;left: 0.47rem;z-index: 2;}
.djdz-dj0{width: 2.97rem;height: 6.71rem;top: 0.64rem;left: 0;}
.djdz-dj1{width: 2.45rem;height: 2.24rem;top:1.59rem;left: 3.61rem;}
.djdz-dj2{width: 1.78rem;height: 3.26rem;top: 0.49rem;left: 3rem;z-index: 1;}
.djdz-dj3{width: 2.22rem;height: 6.7rem;top: 0.53rem;left: 4.98rem;z-index: 3;}
.djdz-dj4{width: 3.28rem;height: 2.2rem;top: 5.95rem;left: 7.36rem;}
.djdz-dj5{width: 1.78rem;height: 2.26rem;top:5.67rem;left: 6.02rem;z-index: 4;}
.djdz-dj6{width: 1.95rem;height: 5.28rem;top: .5rem;left: 6.9rem;}
.djdz-dj7{width: 2.59rem;height: 3.53rem;top: 2.5rem;left: 7.72rem;}
.djdz-dj8{width: 2.46rem;height: 0.69rem;top: 6.63rem;left: 2.27rem;z-index: 3;}
.djdz-dj9{width: 1.49rem;height: 2.98rem;top: 2.09rem;left: 7.36rem;}
.djdz-dj10{width: 2.72rem;height: 0.81rem;top: 6.74rem;left: 1.5rem;z-index: 4;}
.djdz-dj11{width: 0.76rem;height: 0.76rem;top: 6.43rem;left: 5.07rem;z-index: 3;}
.djdz-dj12{width: 1.83rem;height: 3.96rem;top: 1.29rem;left: 8.59rem;}


.djdz-dj a{width: 73%;height: 75%;top: 0;right: 0;}
.djdz-dj0 a{width: 100%;height: 100%;top: 0;left: 0;}
.djdz-dj1 a{width: 60%;height: 100%;top: 0;left: 0;}
.djdz-dj2 a{width: 30%;height: 100%;bottom: 0;left: 0;}
.djdz-dj3 a{width: 100%;height: 80%;bottom:0;left: 0;}
.djdz-dj4 a{width: 100%;height: 100%;top:0;left: 0;}
.djdz-dj5 a{width: 100%;height: 100%;top: 0;left: 0;}
.djdz-dj6 a{width: 40%;height: 100%;top: 0;left: 0;}
.djdz-dj7 a{width: 100%;height: 24%;bottom: 0;left: 0;}
.djdz-dj9 a{width: 100%;height: 100%;top: 0;left: 0;}
.djdz-dj10 a{width: 100%;height: 100%;top: 0;left: 0;}
.djdz-dj12 a{width: 90%;height: 100%;top: 0;right:0;}

.djdz-rwbox{width: 5.92rem;flex-shrink: 0;position: relative;}
.djdz-sub{background-position: -4.04rem -22rem;width: 1.65rem;height: 0.35rem;}
.djdz-lb{background-position: -6.01rem -21.91rem;width: 2.12rem;height: 0.51rem;position: absolute;right: 0;top: -0.2rem;}

.djdz-rwbox{width: 5.91rem;margin: 0.24rem auto 0;}
.xycj-item{display: flex;justify-content: space-between;align-items: center;padding: 0 0.14rem 0 0.14rem;margin: 0 auto 0.02rem;transition: all 0.3s ease-in-out;width: 5.93rem;height: 0.98rem;position: relative;}
.djdz-rwbox .xycj-item:hover{filter: none;}
.djdz-rwbox .xycj-item:hover::after{filter: drop-shadow(0 0.02rem 0.06rem #555135);}
.djdz-rwbox .xycj-item::after{content: '';background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/djdz-bg1.png) no-repeat 0 0;background-size: 5.93rem auto;width: 5.93rem;height: 0.98rem;position: absolute;top: 0;left: 0;transition: filter 0.3s ease-in-out;}
.xycj-rwtxt{font-size: 0.2rem;color: #e7c75f;text-align: left;line-height: 0.28rem;font-family: 'fzys';transform: translateY(0.12rem);transition: transform 0.3s ease-in-out;position: relative;z-index: 2;letter-spacing: -0.01rem;}
.xycj-rwtxt span{opacity: 0;font-family: 'systr';font-size: 0.18rem;color: #fff7e3;line-height: 0.22rem;display: block;transition: opacity 0.3s ease-in-out;}
.xycj-item:hover .xycj-rwtxt span{opacity: 1;}
.xycj-item:hover .xycj-rwtxt{transform: translateY(0);}
.djdz-rwbox .xycj-rwtxt a{display: inline-block;vertical-align: top;text-decoration: underline !important;text-underline-offset: 0.04rem;color: #f16635;position: relative;}
.djdz-rwbox .xycj-rwtxt a em{position: absolute;position: absolute;bottom: 0.3rem;left: 50%;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/djdz-bg2.png) no-repeat 50% 0;background-size: 100% auto;width: 2.84rem;height: 0.81rem;margin-left: -0.9rem;font-size: 0.19rem;color: #fff7e3;text-align: left;line-height: 0.24rem;padding: 0.1rem 0.04rem 0.1rem 0.1rem;opacity: 0;transform: translateY(0.1rem);transition: all 0.3s ease-in-out;pointer-events: none;filter: none;font-family: 'systr';}
.djdz-rwbox .xycj-rwtxt a.djdz-lpy em{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/djdz-bg3.png);width: 2.84rem;margin-left: -1.2rem;height: 1.32rem;}
.djdz-rwbox .xycj-rwtxt a:hover em{opacity: 1;transform: translateY(0);pointer-events: all;}
.djdz-rwbox .xycj-rwtxt span{font-size: 0.16rem;line-height: 0.22rem;}

.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-qkq,.djdz-btn-ykq,.djdz-btn-wmz,.djdz-btn-yjq,.djdz-btn-yfx{background-position:-4.26rem -23.01rem;width: 1.75rem;height: 0.42rem;position: relative;z-index: 2;flex-shrink: 0;}
.djdz-btn-qwc{background-position: -4.26rem -23.01rem;}
.djdz-btn-ywc{background-position: -4.26rem -23.61rem;}
.djdz-btn-lq{background-position: -2.39rem -23.01rem;}
.djdz-btn-ylq{background-position: -2.39rem -23.61rem;}
.djdz-btn-qyq{background-position: -6.15rem -23.01rem;}
.djdz-btn-yyq{background-position: -6.15rem -23.61rem;}
.djdz-btn-qjq{background-position: -8.01rem -23.01rem;}
.djdz-btn-qfx{background-position: -9.93rem -23.01rem;}
.djdz-btn-qkq{background-position: -0.49rem -23.01rem;}
.djdz-btn-ykq{background-position: -0.49rem -23.61rem;}
.djdz-btn-wmz{background-position: -8.01rem -23.61rem;}
.djdz-btn-yjq{background-position:  -11.9rem -23.61rem;}
.djdz-btn-yfx{background-position: -9.93rem -23.61rem;}

.djdz-btn-box{width: 10.58rem;margin-top: 0.1rem;}
.djdz-btn-cj{display: block;background-position: -0.45rem -21.81rem;width: 3.18rem;height: 0.77rem;margin: 0 auto;padding-top: 0.48rem;font-size: 0.2rem;color: #fff7e3;text-align: center;line-height: 0.28rem;text-shadow: 0 0 0.04rem #562723;}

.btn_s8rule{display: block;font-size: 0.22rem;margin: 0.1rem auto 0;width: 2rem;text-decoration: underline !important;text-underline-offset: 0.08rem;color: #fff7e3;text-align: center;}


.fr-container4{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/rp1.jpg) no-repeat 50% 0;width: 100%;background-size: 19.2rem auto;background-color: #22251e;position: relative;margin: -1px auto 0;padding-bottom: 1rem;z-index: 23;padding-top: 1px;}

/*WeGame独家定制*/
.section-customize{margin: -1rem auto 0;position: relative;z-index: 20;}
.customize-tabbox{height: 11.6rem;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:-0.45rem -24.8rem;width: 16.67rem;height: 1.84rem;margin: 0 auto;}
.customize-tit2{background-position:-0.45rem -27rem;width: 16.67rem;height: 1.84rem;margin: 0 auto;}
.customize-tit3{background-position:-0.45rem -29.1rem;width: 16.67rem;height: 1.84rem;margin: 0 auto;}
.customize-tit4{background-position:-0.45rem -31.2rem;width: 16.67rem;height: 1.84rem;margin: 0 auto;}

.customize-txt1{font-size: .26rem;color: #ffffff;text-align: left;line-height: .3rem;margin: 0.2rem auto 0;padding-left:2.36rem;font-weight: bold;letter-spacing: 0.02rem;}
.customize-txt2{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s9_txt1.png) no-repeat 50% 0;background-size: 100% auto;margin: .2rem auto 0;width: 12.31rem;height: .76rem;}
.customize-show1{width: 10.18rem;height: 6.92rem;margin: .12rem auto 0;position: relative;}
.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:-8.95rem -21.69rem;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:-9.84rem -21.69rem;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: #fff8de;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;}
.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/online/mc20260930kl90fg32/images/s9_bg1.png) no-repeat 50% 0;background-size: 100% auto;}

.customize-name1{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/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/online/mc20260930kl90fg32/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/online/mc20260930kl90fg32/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/online/mc20260930kl90fg32/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/online/mc20260930kl90fg32/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/online/mc20260930kl90fg32/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;}

.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/online/mc20260930kl90fg32/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: #8ec6fe;text-align: right;line-height: .28rem;position: absolute;left: 0;bottom: 0;}



.customize-tabbtn{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s9_btn1.png) no-repeat 50% 0;width: 12.89rem;height: 0.88rem;background-size: 100% auto;margin: -0.6rem auto 0;position: relative;z-index: 11;display: flex;justify-content:space-between;align-items: center;padding: 0 0.14rem;}
.customize-tabbtn a{width: 2.87rem;height: 0.88rem;flex-shrink: 0;}
.customize-tabbtn a.on,.customize-tabbtn a:hover{background-image: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s9_btn2.png);background-repeat: no-repeat;background-size: 12.89rem auto;}
/* .customize-tabbtn a:hover{transform: none;} */
.customize-tabbtn a.customize-btn1{background-position: -0.14rem 0;}
.customize-tabbtn a.customize-btn2{background-position: -3.38rem 0;}
.customize-tabbtn a.customize-btn3{background-position: -6.61rem 0;}
.customize-tabbtn a.customize-btn4{background-position: -9.85rem 0;}



/*更多情报*/
.section-qb{position: relative;width: 16.7rem;margin: 0.4rem auto 0;}
.qb-tit{background-position:-0.45rem -33.6rem;width: 16.67rem;height: 1.97rem;margin: 0 auto;}

.qb-box{margin:.6rem auto 0;width: 16.7rem;position: relative;}
.qb-box .swiper-container{height:2.9rem; width: 14.86rem;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/online/mc20260930kl90fg32/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);} */

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

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

.qb-channel { width: 100%; display: flex;justify-content: center; height: 2rem;box-sizing: border-box;margin: .1rem 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/online/mc20260930kl90fg32/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.18rem; height: 1.18rem;background-image:url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/s10_icon.png);background-size: 10.16rem auto; }

.qb-channel li p { color: #ffffff; font-size: .22rem;line-height: .3rem;margin: 0 auto;}
.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.26rem 0; }  
.wx { background-position:-4.5rem 0 ; }  
.wb { background-position: -6.75rem 0; } 
.kjq { background-position: -8.98rem 0; }


.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-box{display: block;position: relative;} */
.pop-rule{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/pop1.png) no-repeat 50% 0;width: 13.34rem;height: 7.2rem;background-size: 100% auto;}
.p-close{background-position: -6.04rem -36.47rem;width: 0.45rem;height: 0.47rem;position: absolute;top: 0.3rem;right: 0.5rem;}
.p_tit1{background-position: -0.58rem -42.15rem;width: 3.76rem;height: 1.48rem;margin: 0 auto;}
.rule-box{width: 12rem;margin: 0.3rem auto 0;height: 5rem;overflow-y: auto;font-size: 0.18rem;line-height: 0.3rem;color: #fff5dc;padding: 0 0.2rem;}
.rule-box p{margin: 0 auto 0.1rem;}
.rule-box p.role-tit1{font-size: 0.24rem;line-height: 0.36rem;font-family: 'fzys';margin-top: 0.2rem;}
.rule-box p em{color: #e7c75f;}
.rule-box p span{font-family: 'fzys';}

.role-table{width: 50%;border: 1px solid #fff5dc;margin: 0.1rem auto;text-align: center;}
.role-table th,.role-table td{border: 1px solid #fff5dc;padding: 0.1rem;}
.role-table1{width: 80%;}
.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: transparent;border-radius: .1rem;}
.rule-box::-webkit-scrollbar-thumb{width: .08rem;background-color: #e7c75f;border-radius: .1rem;}

.rule-icon{display: inline-block;vertical-align: top;background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/rule-icon.png) no-repeat 50% 50%;background-size: 100% auto;width: 0.14rem;height: 0.32rem;margin-right: 0.06rem;}


.pop-tips{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/pop2.png) no-repeat 50% 0;width: 6rem;height: 3.25rem;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: #e8c579;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: #fff5dc;}
.pop-video,.popvdbox {width:10rem;height:6rem;position:relative;background: #000000;}
.popvdbox video{display: block;width: 100%;height: 100%;object-fit: contain;}

.pop-tips1{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/pop3.png) no-repeat 50% 0;width: 10.03rem;height: 4.6rem;background-size: 100% auto;padding-top:1.1rem;}
.pop-tips1 .p-tips{width: 9.5rem;height: 2.66rem;font-size: 0.34rem;color: #e8c579;font-family: 'fzys';}
.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: #e8c579;text-decoration: underline !important;text-underline-offset: 0.06rem;font-family: 'fzys';}

.pop-dj{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/pop4.png) no-repeat 50% 0;width: 13.34rem;height: 6.1rem;background-size: 100% auto;}
.p_tit2{background-position: -0.73rem -36.04rem;width: 3.76rem;height: 1.48rem;margin: 0 auto;}
.p_tit3{background-position: -0.75rem -37.96rem;width: 3.76rem;height: 1.48rem;margin: 0 auto;}
.pdj-box{display: flex;justify-content: center;align-items: flex-start;margin: 0.32rem auto 0;}
.pdj-item{margin: 0 0.1rem;}
.pdj-name{font-size: 0.23rem;color: #e8c579;text-align: center;line-height: 0.3rem;font-family: 'systb';}
.pdj-price{background-position: -7.34rem -37.08rem;width: 1.38rem;height: 0.27rem;font-size: 0.16rem;color: #e7c75f;text-align: center;line-height: 0.26rem;margin: 0.1rem auto 0;font-family: 'systb';}
.pdj-pic{height: 1.56rem;margin: 0.2rem auto 0;position: relative;}
.pdj-pic img{display: block;width: auto;height: 100%;margin: 0 auto;}
.pdj-pic span{position: absolute;bottom: -0.06rem;right: 0;font-size: 0.22rem;color: #e8c579;text-align: center;line-height: 0.3rem;font-family: 'systb';text-shadow:  0 0 0.1rem #262624;}
.pdj-btn-zc,.pdj-btn-zc-gray,.pdj-btn-xh,.pdj-btn-xh-gray{display: block;margin: 0.3rem auto 0;width: 1.73rem;height: 0.42rem;}
.pdj-btn-zc{background-position: -7.33rem -37.81rem;}
.pdj-btn-zc-gray{background-position: -9.32rem -37.81rem;}
.pdj-btn-xh{background-position: -9.18rem -36.34rem;}
.pdj-btn-xh-gray{background-position: -7.22rem -36.34rem;}
.pdj-tips{font-size: 0.2rem;color: #fff7e3;text-align: center;line-height: 0.3rem;margin: 0.4rem auto 0;}

.pdj-item:nth-child(1) .pdj-pic span{right: 0.4rem;bottom: 0.3rem;}
.pdj-item:nth-child(2) .pdj-pic span{right: 0.4rem;}
.pdj-item:nth-child(5) .pdj-pic span{right: 0.4rem;}

.pop-list{background: url(https://wegame.gtimg.com/tgp_act/release/online/mc20260930kl90fg32/images/pop1.png) no-repeat 50% 0;width: 13.34rem;height: 7.2rem;background-size: 100% auto;}
.p_tit4{background-position:-0.58rem -40.13rem;width: 3.76rem;height: 1.48rem;margin: 0 auto;}
.list-table{margin: 0.64rem auto 0;width: 11.86rem;}
.list-table table{width: 100%;border: 1px solid #7a5e47;background: rgba(0, 0, 0, 0.5);font-size: 0.18rem;color: #e7c75f;text-align: center;line-height: 0.22rem;}
.list-table table th{border: 1px solid #7a5e47;height: 0.55rem;font-family: 'systb';}
.list-table table td{border: 1px solid #7a5e47;height: 0.6rem;}
.list-table table td a{color: #e7c75f;text-decoration: underline !important;text-underline-offset: 0.06rem;display: inline-block;margin-left: 0.3rem;}
.col1{color: #9b9b9b;}
.col2{color: #5d893a;}
.col3{color: #508dbc;}
.col4{color: #a850d5;}
.col5{color: #e7c75f;}
.col6{color: #d14b34;}

/*animation In&Out*/
.toRight,
.toRightSmall,
.toLeft,
.toLeftSmall,
.toBottom,
.toBottomSmall,
.toTop,
.toTopSmall,
.scaleIn {
    transition: all .6s;
    opacity: 0;
}
.tit2.toBottomSmall{transition: transform .6s;}

.toRight {
    transform: translate3d(-1000px, 0, 0);
}

.toRightSmall {
    transform: translate3d(-200px, 0, 0);
}

.toLeft {
    transform: translate3d(1000px, 0, 0);
}

.toLeftSmall {
    transform: translate3d(200px, 0, 0);
}

.toBottom {
    transform: translate3d(0, -1000px, 0);
}

.toBottomSmall {
    transform: translate3d(0, -200px, 0);
}

.toTop {
    transform: translate3d(0, 1000px, 0);
}

.toTopSmall {
    transform: translate3d(0, 200px, 0);
}

.scaleIn {
    transform: scale(1.4, 1.4);
}
.fr-container2 .g-section,.fr-container3 .g-section,.fr-container4 .g-section{transform: scale(0.9);transform-origin: 50% 50%;}
.g-section, .g-section .swiper-slide-active {pointer-events: none;}
.g-section.show, .g-section.show .swiper-slide-active {pointer-events: all;}
.g-section.show .toRight,
.g-section.show .toRightSmall,
.g-section.show .toLeft,
.g-section.show .toLeftSmall,
.g-section.show .toBottom,
.g-section.show .toBottomSmall,
.g-section.show .toTop,
.g-section.show .toTopSmall {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.g-section.show .scaleIn {
    transform: scale(1, 1);
    opacity: 1;
}

/*transition delay*/
.g-section.show .delay1 {
    transition-delay: .1s;
}

.g-section.show .delay2 {
    transition-delay: .2s;
}

.g-section.show .delay3 {
    transition-delay: .3s;
}

.g-section.show .delay4 {
    transition-delay: .4s;
}

.g-section.show .delay5 {
    transition-delay: .5s;
}

.g-section.show .delay6 {
    transition-delay: .6s;
}

.g-section.show .delay7 {
    transition-delay: .7s;
}

.g-section.show .delay8 {
    transition-delay: .8s;
}

.g-section.show .delay9 {
    transition-delay: .9s;
}

.g-section.show .delay10 {
    transition-delay: 1s;
}