.main-wrapper { min-height: 100vh; padding: 1.25rem 0 1.5rem; background: #fff url(https://world.honorofkings.com/ipworld/img/m/w750-bg.d8e8a6952.jpg) 0 1.05rem no-repeat; background-size: 7.5rem 5.93rem; }
.filter-container { width: 6.92rem; margin: .45rem auto 0; display: flex; z-index: 3; position: relative; }
input { outline: none; }
.search-box { width: 3.56rem; height: 0.74rem; position: relative; }
.search-box input { outline: none; color: rgba(117,117,117,0.6); font-size: 0.28rem; width: 3.56rem; height: 100%; box-sizing: border-box; padding: 0 1rem 0 0.22rem; border: 1px solid #8f6721; border-radius: 0; background: #fff }
.search-btn { display: block; width: 1rem; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAS1BMVEUAAABtbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1kzBNIAAAAGXRSTlMAmAcYkgyNiHJ7b2hWgiVeRj5jWzQtEk9N/bXcHAAAAMlJREFUKM/N0VcWgyAQBdD36DVqNGX/K42oQNrJd+4PZc4wA+CPyJvLLp3w3cxd1Kjuxq5MBISjHa9aTplW1HDgxgKJ4cg6M7S43AhIZvScC96cn7Y0XZ2KYh2s1Wg8j0lkMUIajy7xKD6wmD7CutYp1sFmgcYRbwL7awn614sBJ7qnWywvrXEu6Qm7kb4WSsqs1AhcM105X0ZS45N2JA2L75+2BEXlpkUZ2brstuX+GL611kVUvrY5U1UcUEmjLvhhosEvg8c/ewBx2QXPK9FthwAAAABJRU5ErkJggg==) 0.38rem 60% no-repeat; background-size: 0.4rem 0.4rem; position: absolute; top: 0; right: 0; }
/* 下拉选项 */
.spr { background: url("https://world.honorofkings.com/ipworld/img/spr-hero-list.2e503b1a.png") no-repeat; background-size: 4rem 1rem }
.filter-box { width: 2.86rem; height: 0.7rem; border-top: 1px solid #8f6721; border-bottom: 1px solid #8f6721; margin-left: .46rem; }
.filter-select { width: 100%; overflow: hidden; max-height: 0.7rem; transition: max-height .3s ease }
.filter-show { padding: 0 0.14rem; height: 0.69rem; margin: 1px auto 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #8f6721; font-family: 'Radikal'; font-weight: bold; pointer-events: none; }
.filter-show span { color: #242424; font-size: .26rem; line-height: 1.2; transition: color .3s ease; font-family: 'radikal'; width: 2.2rem; padding-right: .14rem; white-space: normal; }
.tr .filter-show span { font-family: 'trbold'; }
.ru .filter-show span { font-family: 'rubold'; }
.ar .filter-show span { font-family: 'arbold'; }
.filter-show em { width: 0.2rem; height: 0.15rem; position: relative; flex-shrink: 0; }
.filter-show em i { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity .3s ease }
.filter-show em i.icon-arrow-0 { background-position: -0.35rem -0.73rem }
.filter-show em i.icon-arrow-1 { background-position: -0.05rem -0.73rem; opacity: 0 }
.filter-list { background: #dfab4f; width: 100%; box-sizing: border-box; border-top: 1px solid #f7d58c; border-left: 1px solid #f7d58c; margin-top: -1px }
.filter-item { width: 100%; height: 0.82rem; box-sizing: border-box; padding: 0 0.14rem; border-bottom: 1px solid #f7d58c; border-right: 1px solid #f7d58c; cursor: pointer; outline: none; display: flex; align-items: center }
.filter-item span { color: #242424; font-size: 0.2rem; line-height: 1.6; transition: color .3s ease; }
.filter-item.selected span { color: #ffebc8 }
.filter-box.open .filter-select { max-height: 9rem }
.filter-box.open .filter-show { background: url("https://world.honorofkings.com/ipworld/img/menu-drag-bg.7a759c3e.jpg") 0 0/100% 100% no-repeat }
.filter-box.open .filter-show span { color: #fff }
.filter-box.open .filter-show em i.icon-arrow-0 { opacity: 0 }
.filter-box.open .filter-show em i.icon-arrow-1 { opacity: 1 }
.region-menu-list,.region-menu-list-hero,.region-menu-list-skin,.region-menu-list-search { width: 6.92rem; margin: 0 auto; padding-bottom: 1rem; }
/* 列表 */
.region-menu-list { width: 6.92rem; margin: 0 auto; padding-bottom: 1rem; margin-top: 2rem }
.region-menu-a { display: block; width: 6.92rem; height: 4rem; overflow: hidden; margin: 0 auto; margin-bottom: .3rem; position: relative }
.region-menu-a::before { content: ""; width: 100%; height: 1.3rem; background: linear-gradient(180deg,rgba(0,0,0,0),black); position: absolute; bottom: -0.04rem; left: 0; display: block; z-index: 1 }
.region-menu-a span { z-index: 2 }
.region-menu-a.rgmenu-a-big:first-child { content: ""; display: block; width: 6.92rem; height: 3.92rem; position: relative; margin-bottom: .3rem; margin-top: -1.8rem }
.rgmenu-bg { display: block; width: 100%; height: 100%; object-fit: cover }
.rgmenu-title { width: 100%; height: .9rem; line-height: .9rem; box-sizing: border-box; border-top: 1px solid rgba(146,146,146,.5); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.4); padding: 0 .2rem; font-family: 'Radikal'; }
.rgmenu-title b { color: #fff; font-size: .28rem; font-weight: normal; display: block; line-height: .35rem; padding: 0.14rem 0 0.08rem; }
.rgmenu-title em { color: #b7b7b7; font-size: .22rem; font-style: normal; line-height: .22rem; display: block; }
.rgmenu-title .icon-rgmenu-arrow { width: .15rem; height: .16rem; background: url(https://world.honorofkings.com/ipworld/img/btn-arrow0.6dfb5826.png) 0 0/100% 100% no-repeat; background-size: .15rem .16rem; position: absolute; top: 50%; right: 0.2rem; margin-top: -0.07rem }
.region-menu-a .hover-border { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; border: 2px solid #e09f52; transition: all .1s ease; box-shadow: 0 0 0.08rem rgba(255,208,128,.67); }
/* 分类标题 */
.skin-list-title { max-height: 0.8rem; padding: .5rem 0 0.2rem; border-bottom: 1px solid transparent; margin-bottom: 0.2rem; position: relative; display: flex; }
.skin-list-title:first-child { padding-top: 0; }
.skin-list-title img { width: 0.8rem; height: 0.8rem; margin-right: 0.2rem; }
.skin-list-title p { font-size: 0.36rem; line-height: 1.1; font-family: 'Radikal'; font-weight: bold; background: linear-gradient(to bottom,#8d550c,#ad7e2b); -webkit-background-clip: text; color: transparent; filter: drop-shadow(0 0 1px rgba(250,242,229,0.5)); }
.skin-list-title::before { content: ''; display: block; width: 100%; height: 1px; background: linear-gradient(to right,#d6be95 4px,transparent 4px 7px,#d6be95 7px calc(100% - 7px),transparent calc(100% - 7px) calc(100% - 4px),#d6be95 calc(100% - 4px)); position: absolute; top: 100%; left: 0; }
.region-menu-list-hero .skin-list-title p { padding-top: 0.46rem; }
/* 返回顶部 */
.btn-back-top { display: none; width: 0.8rem; height: 0.81rem; background: url("https://world.honorofkings.com/ipworld/img/icon-totop.png") 0 0/100% 100% no-repeat; position: fixed; z-index: 99; bottom: 0.2rem; right: .3rem; opacity: 0; pointer-events: none; transform: translateY(200%); }
.btn-back-top.show { opacity: 1; pointer-events: all; transform: translateY(0); transition: opacity 300ms,transform 300ms; }
.ar .main-wrapper { direction: rtl; }
.ar .filter-box { margin-right: 0.46rem; margin-left: 0 }
.ar .rgmenu-title .icon-rgmenu-arrow { left: 0.2rem; right: auto; transform: rotate(180deg); }
.ar .main-wrapper { background: url(https://world.honorofkings.com/ipworld/img/ar/m-bg.jpg) 0 1.25rem no-repeat; }
/* 页面标题 */
.page-title { flex-wrap: wrap; width: 6.92rem; height: auto; padding: .45rem 0; margin: 0 auto; }
.page-title > i,.page-title > span { filter: drop-shadow(0 0 .04rem #c3923e); }

.no-data-filter { color: #000; font-size: .3rem; text-align: center; width: 100%; padding: .3rem 0 0 }