/* reset */
body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }
body { -webkit-text-size-adjust: none; background-color: #242335; }
header, nav, section, article, footer, figure, figcaption { display: block; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; font-size: 100%; }
ol, ul { margin: 0; padding: 0; }
fieldset { border: none; margin: 0; padding: 0; }
a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
table { border-collapse: collapse; border-spacing: 0; }
em, strong { font-weight: normal; font-style: normal; }
a { text-decoration: none; }
a:hover { filter: brightness(1.2); -webkit-filter: brightness(1.2); }

/*comm*/
.hide { display: block; width: 0; height: 0; overflow: hidden; }
:focus { outline: none; }
.c:before, .c:after { content: ""; display: table; }
.c:after { clear: both; }
.floatl { float: left; margin-top: 1.06rem; }
.floatr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.db { display: block; text-indent: -9999em; }
.pf { position: fixed; }
input, textarea, section { border-radius: 0; outline: none; }
body, button, input, select, textarea { font: 0.12rem/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif; }
body { font-size: 0 !important; }
html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }
.hide, .hid { text-indent: -99.99rem; font-size: 0rem; overflow: hidden; width: 0rem; height: 0rem; opacity: 0; }
.wrapper *, .wrapper *::after, .wrapper *::before { outline: none; background-repeat: no-repeat; background-position: center top; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper .content .section { width: 100%; position: relative; }
.wrapper { overflow: hidden; }
.bg { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
@font-face { font-family: 'BeaufortforLOL-Medium'; src: url("//game.gtimg.cn/images/lol/act/a20250925arcana/font/beaufortforlol-bold.OTF"); }
[data-price], .spr { font-size: 0; text-indent: -9999em; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/spr.png) 0 0/8rem 8rem no-repeat; }
@supports (-webkit-background-clip:text) {
	
								   /* .text-color1 {
	background-image: linear-gradient(to bottom, #52f7d8 38%, #d7fdd7 62%);
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	padding-right: 0.26rem;
}

.text-color2 {
	background-image: linear-gradient(to bottom, #cb3a45 38%, #e46343 62%);
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	padding-right: 0.26rem;
}

.text-color3 {
	background-image: linear-gradient(to bottom, #ddc5a3 38%, #ac8c62 62%);
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	padding-right: 0.26rem;
}  */
.text-color1
.text-color2, .text-color3 { font-size: 0 !important; }
}

/* header */
.wrapper .header { width: 100%; height: 13.47rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/header_01.jpg) center top/100% 100% no-repeat; position: relative; z-index: 21; }
.wrapper .header .logo { width: 2.24rem; height: 0.69rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/logo.png) 0 0/100% 100% no-repeat; position: absolute; left: 1.13rem; top: 0.86rem; z-index: 1; }
.btn-box .J-btn-buy, .module1 .show-content .J-btn-buy, .module2 .show-content .J-btn-buy { display: block; width: 4.51rem; height: 1.21rem; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/purchase_btn.png); background-size: 100% 100%; }
.btn-box .J-btn-buy.mt { margin-top: 0.5rem; }

/* .module2 .show-content .J-btn-buy.ml{
margin-left: 0.1rem;
} */

/* xc */
.colorfulBtn { width: 18.6rem; height: 3.81rem; position: absolute; bottom: 1.28rem; left: 50%; transform: translateX(-50%); z-index: 20; }
.show-content { width: 18.60rem; height: 3.81rem; overflow: hidden; }
.show-content .gift-box .selling-time { min-width: 4.44rem; height: 0.3rem; line-height: 0.3rem; color: #000000 !important; font-size: 0.18rem; text-align: left !important; font-weight: bold; margin: 0.1rem 0 0 0.05rem; }
.show-content .selling-time span { font-size: 0.18rem; color: #000000; font-weight: normal; }
.bottom { clear: both; }
.bottom .color_img { padding-bottom: 0.2rem; }
.bottom>ul { display: flex; margin: 0.72rem auto 0; transform: translateX(-0.1rem); }
.bottom li { width: 1.85rem; text-align: center; font-size: 0.18rem; font-family: "Microsoft YaHei"; line-height: 1.3; }
.bottom li img { max-width: 100%; max-height: 1.5rem; }
.bottom ul li p:nth-child(1) { color: #ffffff; }
.bottom li p:nth-child(2) { color: #d3333e; margin-top: 0.06rem; }
.show-content .clear { margin: 0.1rem auto 0; width: 18.60rem; height: 3.81rem; padding: 0 1.4rem 0 1.98rem; box-sizing: border-box; }
.module1 .clear { background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-bg1.png) 0 0/100% 100% no-repeat; }
.module1 .clear .wqt-text { margin-top: 0.26rem; }
.module1 .clear .wqt-text span { font-weight: initial; font-size: 0.18rem; color: #261d2c; margin-right: 0.1rem; }
.module1 .clear .wqt-text p:nth-of-type(2) { margin-top: 0.1rem; }
.module1 .clear .wqt-text p { color: #261d2c; font-size: 0.18rem; position: relative; z-index: 2; padding-left: 0.2rem; font-weight: bold; }
.module1 .clear .wqt-text p::before { content: ''; width: 0.06rem; height: 0.06rem; background-color: #cb3a45; position: absolute; left: 0; top: 0.08rem; }
.module1 .clear .colorful-name1 { width: 3.03rem; height: 1.07rem; font-size: 0; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-name1.png) 0 0/100% 100% no-repeat; }
.module2 .clear .colorful-name2 { width: 2.54rem; height: 1.07rem; font-size: 0; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-name2.png) 0 0/100% 100% no-repeat; }
.module2 .clear.big { height: 4.49rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-bg2.png) 0 0/100% 100% no-repeat; margin-top: -0.35rem; }
.module2 .clear.small-bg { width: 18.41rem; height: 3.05rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-bg2-small.png) 0 0/100% 100% no-repeat; margin: -0.18rem auto 0; padding: 0 0.8rem 0 0.87rem; }
.module2 .clear .wqt-text { margin-top: 0.26rem; }
.module2 .clear .floatl { margin-top: 1.84rem; }
.module2 .clear.small-bg .floatl { margin-top: 0.75rem; }
.module2 .clear .wqt-text span { font-weight: initial; font-size: 0.18rem; color: #261d2c; margin-right: 0.1rem; }
.module2 .show-content .right { margin-top: 1.12rem; }
.module2 .show-content.small .right { margin-top: 0.87rem; }
.module2 .clear .wqt-text p:nth-of-type(2) { margin-top: 0.1rem; }
.module2 .clear .wqt-text p { color: #261d2c; font-size: 0.18rem; position: relative; z-index: 2; padding-left: 0.2rem; font-weight: bold; }
.module2 .clear .wqt-text p::before { content: ''; width: 0.06rem; height: 0.06rem; background-color: #cb3a45; position: absolute; left: 0; top: 0.08rem; }
.module1 .show-content .icon-label2 { line-height: 0.38rem; }
.show-content .gift-box { display: flex; justify-content: left; flex-direction: column; margin: 0.24rem 0 0.15rem 0; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/gift-boxicon.png) no-repeat; background-size: 0.32rem 0.33rem; background-position: 0rem 0.09rem; padding-left: 0.32rem; height: auto; color: #000000; }
.show-content .gift-box .colorfulIcon { text-align: center; height: 0.38rem; line-height: 0.38rem; font-size: 0.19rem; background-size: cover; color: #ffffff; white-space: nowrap; }
.show-content .gift-box .colorfulIcon span { white-space: nowrap; }
.show-content .gift-box>p:nth-child(1) { font-size: 0.34rem; line-height: 0.46rem; font-weight: bold; color: #000000; margin-right: 0.2rem; margin-left: 0.06rem; margin-bottom: 0.06rem; }
.show-content .gift-main { width: 5.67rem; }
.show-content .colorfulIcon-first { width: 1.36rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon.png) no-repeat; background-size: 100% 100% !important; margin-right: 0.05rem; display: inline-block; }
.show-content .colorfulIcon-last { width: 2.49rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon3.png) no-repeat; background-size: 100% 100% !important; margin-right: 0.05rem; display: inline-block; }
.show-content .colorfulIcon-two { width: 1.68rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon1.png) no-repeat; background-size: 100% 100% !important; display: inline-block; }
.show-content .right { display: flex; flex-direction: column; align-items: center; margin-top: 0.32rem; width: 4.51rem; }
.show-content .right.direction-row { flex-direction: row; justify-content: center; width: auto; }
.show-content .right.direction-row * { flex-shrink: 0; }
.show-content .selling-price { display: flex; align-items: center; position: relative; left: -0.4rem; width: 4.51rem; padding-left: 0.52rem; padding-top: 0.5rem; height: 1.65rem; }
.show-content .direction-row .selling-price { top: 0.06rem; padding-top: 0; padding-left: 0; width: auto; flex-shrink: 0; margin-right: 0.68rem; }
.show-content .selling-price * { flex-shrink: 0; }
.show-content .selling-price .priceIcon { width: 0.34rem; height: 0.93rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/bq2.png) no-repeat; background-size: 100% 100% !important; font-size: 0; line-height: 1.8; text-align: center; padding: 0; margin-right: 0.2rem; }
.show-content .selling-price .text-color2 {  /* font-size: 1.38rem;
font-family: 'BeaufortforLOL-Medium'; */
margin: 0 0 0 -0.14rem; }
.selling-price .text-color2.text { transform: translateY(-0.03rem); }
.decimal {  /* color: #c9b9c5; */

  /* font-family: 'BeaufortforLOL-Medium'; */

  /* font-size: 0.52rem!important; */
margin-top: -0.16rem !important; }
.show-content .tb .sub { color: black; font-size: 0.28rem; display: block; margin: 0.7rem 0 0 0.16rem; }
.show-content .tb .sub.mt { margin: 0.8rem 0 0 0.18rem; }
.show-content .tb { margin-top: -0.7rem; margin-left: -0.05rem; }
.show-content .gray { font-size: 0.18rem; display: block; color: black; position: absolute; bottom: 0.07rem; left: 2.96rem; width: 1.75rem; white-space: nowrap; }
.show-content .gray.pl { left: 3.07rem; }
.show-content .gray.mb { bottom: 0.32rem; left: 3rem; }

/* .show-content .selling-price>* {
display: inline-block;
vertical-align: text-bottom;
} */
.show-content .selling-price .decimal { transform: translate(-0.2rem, -0.12rem); }
.colorfulIcon2 { background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorfulIcon2.png) no-repeat; font-size: 0.18rem; background-size: 100% 100%; width: 1.41rem; height: 0.48rem; text-align: center; line-height: 0.58rem; color: #170c12; margin: 0.05rem auto 0; }
.section .top { position: absolute; width: 7.84rem; }
.section .top .cont-left { display: flex; justify-content: center; align-items: center; position: relative; }
.section .top .cont-left * { flex-shrink: 0; }
.cont-left .btn-play { width: 1.22rem; height: 1.2rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/play_btn1.png) no-repeat; background-size: 100% 100% !important; cursor: pointer; margin-top: 1.45rem; margin-right: 0.15rem; animation: ani-scale 2s linear infinite; }
@keyframes ani-scale {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.cont-right { position: relative; right: 0; z-index: 15; }
.cont-right .price-column { display: flex; justify-content: center; align-items: center; }
.cont-right .price-column .pr-txt { width: 0.33rem; height: 0.97rem; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/bq1.png); transform: translateY(0.02rem) translateX(-0.1rem); color: #f1dab5; font-size: 0; line-height: 1.8; text-align: center; padding: 0; }

/*.cont-right .price-column .price {  /~ font-size: 1.38rem; ~/

/~ line-height: 1.1; ~/ }*/
[data-price='109'] { background-position: -0.08rem -0.24rem; width: 2.01rem; height: 0.97rem; }
[data-price='89'] { background-position: -2.35rem -0.23rem; width: 1.39rem; height: 0.98rem; }
[data-price='149'] { background-position: -4rem -0.23rem; width: 1.91rem; height: 0.96rem; }
[data-price='109-red'] { background-position: -0.11rem -1.48rem; width: 2.01rem; height: 0.97rem; }
[data-price='151-2'] { background-position: -2.35rem -1.46rem; width: 2.45rem; height: 0.98rem; }
.cont-right .price-column .sub { color: #c3ffe9; font-size: 0.28rem; transform: translate(0.02rem, 0.34rem); }
.cont-right .btn-box { width: 4.51rem; text-align: center; margin: 0.18rem 0 0 0; }

/* part1 */
.section.module1 { height: 16.79rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/bg_02.jpg) no-repeat; background-size: 100% 100%; z-index: 21; margin-top: -1px; }
.section.module1 .skin-tag { width: 2.39rem; height: 1.32rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/skin-tag1.png) 0 0/100% 100% no-repeat; position: absolute; left: 59.7%; transform: translateX(-50%); top: -1.14rem; z-index: 2; }
.module1 .top { margin-top: 3.05rem; right: 4.1rem; }
.module1 .cont-left .name1 { width: 7.84rem; height: 3.69rem; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/module1_name1.png) }
.module1 .cont-right { width: 4.51rem; top: 0.96rem; left: 2.57rem; }

/* part2  */
.section.module2 { height: 27.62rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/bg_03.jpg) no-repeat; background-size: 100% 100%; z-index: 20; margin-bottom: -1px; }
.module2 .top { margin-top: 4.1rem; left: 4rem; width: 7.27rem; }
.module2 .colorfulBtn { bottom: 10.42rem; height: 4.49rem; }
.module2 .colorfulBtn.small { bottom: 2.36rem; height: 7.29rem; }
.module2 .colorfulBtn .show-content.big { height: 4.49rem; }
.module2 .colorfulBtn .show-content.small { height: 7.29rem; }
.module2 .cont-left .name1 { width: 5.91rem; height: 3.69rem; font-size: 0; background-image: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/module2_name1.png); }
.module2 .cont-right { width: 4.46rem; top: 1.24rem; left: 0.48rem; }
.module2 .cont-left .btn-play { margin: 1.48rem 0.4rem 0 0.35rem; }
.module2 .price-column .sub { transform: translate(0.02rem, 0.34rem); }
.module2 .bottom>ul { margin: 0.38rem auto 0; transform: translateX(-0.4rem); }

/* part4 */
.module1 .bottom li { width: 1.47rem; padding-top: 1.85rem; transform: translateX(0.1rem); }
.module2 .bottom li { width: 2.11rem; padding-top: 2.4rem; transform: translateX(0.4rem); }

/* tc */
.pop_up, .pop_up .pop_con { width: 9.8rem; height: 5.5rem; position: relative; outline: 2px solid #d7b689; }
.pop_up .pop_con { -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop_up .pop_close { width: 0.5rem; height: 0.5rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/dia_close.png) no-repeat; background-size: 100% 100%; position: absolute; right: -0.65rem; top: -0.12rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
.pop_up .pop_close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@keyframes rotates {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#afooter { padding: 0.2rem 0; text-align: center; font-size: 0.16rem; line-height: 0.2rem; background-color: transparent; color: #ffffff; margin-top: 0; position: relative; z-index: 22; background-color: black; }
#afooter a, #afooter a:hover { color: #ffffff; text-decoration: none; }

/* nav */
.colorful-list3 { width: 11rem; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/colorful-list3.png) 0 0 / 11rem 2.23rem no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.colorful-list3 li:first-child { margin-left: 0.48rem; flex-shrink: 0; }
.colorful-list3 li:not(:last-child) { margin-right: 0.52rem; }
.colorful-subtitle3 { width: 14.32rem; height: 0.6rem; margin: 0 auto; background: url(//game.gtimg.cn/images/lol/act/a20251106mechakingdoms/module2_xcname.png) 0 0/100% 100% no-repeat; text-align: center; }
.colorful-subtitle3 em { font-size: 0.6rem; font-weight: bold; color: #f6cd8d; line-height: 1; margin-right: 0.26rem; }
.colorful-subtitle3 span { font-size: 0.6rem; color: #ffffff; line-height: 1; }
.wrapper .content {  /* height: 45.6rem;
background-size: 100% 100%; */ }

/* ¾ªÏ²ÀñºÐ end  */
.pop_up .pop-tit { margin: 0 auto; font-size: 0; }
.btn_tc { position: fixed; top: 0.6rem; left: 0; z-index: 998; }
.btn_tc button { font-size: 0.16rem; }