.sj-game-title{
	padding-top: 60px
}

.sj-game-title h3{
	color: #1e1e20;
	font-family: PingFang SC;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 67px;
	margin-bottom: .5em
}

.sj-game-title p{
	color: #6e6e73;
	font-family: PingFang SC;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 28px;
	margin-bottom: 60px;
	width: 60%
}

.sj-game-list ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 30px
}

.sj-game-list ul.rowstyle{
	grid-template-columns: repeat(3,1fr)
}

.sj-game-list ul.rowstyle li{
	background: url(data:image/webp;base64,UklGRiAOAABXRUJQVlA4WAoAAAAQAAAANQMAvwMAQUxQSOQDAAABHLVt2zDS/2+nj5kiYgK4r0O+Y0YDNqVV25tFWiRUQqUgoRJwsDhYHCwOGAdIQAISIqEOknOGNCnMr+V5PyJCgiNJiiR5VDWDZy7f/QAoEH//UUQEXU0q07oz64OeeuzrPCT6YFL5YX3sw2tJn2HYqj79Wcv9139XhUB4zB/YAsHG932MrFAIj/eQd4VDtnwDX1UBkXr5YPpRUOTn4mWHwiJHvjJZgRHOlyY2xoWJjtE9ETMOBUiOFBO+FSUvHRUkmaKLKkqo2WdTmGQPjgElowcjBU4t3wqVzM7/q2KFmpzzkFkxWqiGonDJcLLihY2Ikp7g5eICGLQQrYhhIWLEwO8zkEkaMEOZMcP0wgzrjhn2AzNwBQ0Kmvz3n//+47///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//++++///7777///vvvv//+Qx7GDBU0HDtm2F+YYZ0ww1www5AwQyLI3MhEC2SuJCqIoRClKog5Q7QhZv/NgJj9MxUriDIZZrSsxxN7sQBlwZnaleDkrOhMDYlxMlSZnIyKkiGiowftOFlv5JKrCkY2a/ahSfExROR8RZRFIZKFQtJhvozB8eSDOpLZnBRcHFHlTH0DG2+1s3fgYt1s9w/ETKJ8qD0ogoZn6JHpUhYsvEec65ZEFzPW07A1xcA51TrR9eTtjdmQJ5/g627PdEtGDr/Kxf+CFxXHIf5yllBIQgEJZaVRDSty7EJBsV7mSYG3NE9yjBsLR9PTjnpoFcWVNdc9C33nkW7LzGHTnSe5nQ1bLmoa4XF6+O1tG+QW4hi2nPJhYV2KIoGVBIaxduvYfpjijkpo2Qg9BX3XOie6MXnkK91wypO+/rsNt3uBVMdHwauucYwdgg+kvc6v3gi5MuIdDww8MRGvYXHzJDD8zffd3bo7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) no-repeat;background-position: 50%;
	background-size: cover
}

.sj-game-list ul.rowstyle li .bg{
	background-size: 70%
}

.sj-game-list li{
	background: url(data:image/webp;base64,UklGRuILAABXRUJQVlA4WAoAAAAQAAAAVwIAvwMAQUxQSOQDAAABkFZtbxZpkVAJlYIEJOBgx8HiYMcB4wAJSEBCJdRBcs7SJsD8mfO8H09EQHDbyJHEmrntza7qy0+Qq5XGx7KVYlCoum/LPCR5Y6Xxpxgwqixjeo9hrYaPWsb7H/9dDSRVpvyGFUwW3/eZioGlynSPvBlgas03+KoGmaqXb0w/Bpv6ufiw3YBTe75yFoNOlXzpRM9x4cTPcfrE1LEbhGpPsfBdcfSmk8GoHtGDKo7U7FsNSLUFt0GpJk/BkpJ63wammp3/xKJJTc79oLooeFIbowGqhsOCKKuIJDsg6sEjpNgosmDKU6RgSpFkoKo0oMo4o8rjhSrLhirbjiqlworBqug/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6D/6j/6j/+g/+o/+o//oP/qP/qP/6L9/CBRUqbCyb6iyvVBleYCKziOqPgwJVZKA6olF5AmqR4qMmDKKpKqYukdkBdQr6yK/BkxdP6rC6dKKNGY4nTYd2gdj6QVKbskMptNm6aSCpaOIU5NB6Zg8siHpchVXrqYoWtbsk4dB6NDmtqieZgg61Z4SSvuxVPTcarucqFyaOxU5K7WS5dwBnVvV+Qf/6SVu1tqfUFqq9evzx97/iEbK22j3jD3LpXpi5X38z9Fnkos1VefnNEB+y1PtL+pDrldeu++pqtig3rc7tS3LLTUdb+YvVc1Pr8430PgTXsNAGgbQMKx2UcOOnHRhQG1zNa8U5NbulZzEXQonphc7mmEbUd2wzeM+rbmXSW6ruThD9TuJdi7cFG3b9hw5/A0IRhhNTHtH+LCxUxFV/VRdvxc+szTalHiiGqbsAn1Qc69zkhsrT8Wf1/k/Ps7tkLsl7bUg1Ml9auN3GeMMwVa3jwu6Vw32V73bgwReMFVvYPHwNEj4Ac29Xd1d46tP3rd8pqH+R4I6YdQPdWIYGn+V+5OLpqxu5NNB1WkkmL8eH9tQXeJzmZ3U55J5PXwyc/9V10HeUml8FX8DVZ1WNR55k8NN4QkyOME00HTkpvNCWNtL33QYW5uMThAnvHrdnenPC9hEdOIEff9mcsf5Wcy9r/Ick7yx0jAv214NClXKtjyu3ydWUDgg2AcAAHCMAJ0BKlgCwAMAAAAlpbuF3YR/YHJ5bUQCzq+HQG7PHoo8Uz9KPYt6QPMR5+fob8ozrE/QA8tL2Y/279JLVQLFnzk9nLc8G9KO0hvHjfa5fVptExptExptExptExptElIs2oKj6tSptExptExptExptExptEx6xzh5a9PmTxptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExptExh2b2vT5k8abRMabRMabRMaa7BUM2dywWj9JtExptExptExptExptExFOnEiOroT8tde3hA36eQrX5h4O31/7qgIZYkmquy23mqppEHYcyzBmUeJ7DXWzMR4iz7DQqNbQbElnHpJp/ULPy8YZAPfm2+tn6wMAAA/v//4omc///6WjNf/98oQIn///hw5Vf/98oQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHGBMprcr8sMwT9cRuLbpetJrS2V46jaA78kTTb7s6Gkc+WAJGDTZrGvNO/nugH/+GYo4Esi/G+cgPa985lrtivHYL41yWENlHwbCAeZZzPAhy3gomUO+ZFKn1O8JuEA+ah/uuULfoFq2CgnBNeo3GmQJTjvH6icNkbvOxE+Z9rvuAJIDP4JhOl+hRdkPlWv4tajoAAosOf0fk7UoMlysy7d2uH4UbAu0ttDT1/CeAD9UewaxT9ezur6pLf1RU+U5L+dwhzPuc1eytVDnQsonspdvWZpqJeKaRou/54D4dbw/bOgnyTOcfxIUPV+XL//iOqXjE6FXzwcDhd/qRkeyD7CD+f3I67UO///dpMOw2xfDwbl5QoSkzjWfpc9a9lev4JCaI+D3smHXOF7pPX1KldkhwFFMz/cIir9Tq1d2cS6NuiBa9GPQhx6claimunbI4TTxn9FAE+yToI9deKNRPTcOwLJAFM+egJy0ncL8T+fHpVGmCfPq55V+BlEqeAajYqG7Vhi9EhbCENP29LKf3oR6tmuigiWV77lPmc3Lj4H338QR81dVGHdoEzaV38oppbV/jH/v9op5XrNSufEjpCn84JN/ihyLha/4vkKi9vah0Eh2ugUzac1X2LPTeAYSWqozYWdyTOT2S8BDejB1wxrXhsJwPd9EzGzvQzUeUladaDZmFqMj8/7a6dUuyJUDeeg0mbp+yrE7GDZkCinNciK3++TDAJMWxnqUS6206quS52lje8j9ZIutBdsL5yzi9dtVJMq9wlibWBxON1M235B4rsu4L4EjGiuzlucoj6E6/y/bRoPd/Dp4l7mhg02fTMkJ1vEk3MtrweWx0JHVnfcdgSyG5LHA1h+r+UTJ5+2C2B1Ks+xsQVp8Q4rtdehOdogJKaUDvA4z85zmYQACqSM1CS8aK1S98I5+ktmjsaDmdvqvWMoGUBt3d1bMMR0FWp71PSXVXL1T9sr2X2x6iOxqPx3//nSezF7yeG3Xo8qxkUCFGqS7WOaGjupQUikoNo4TDW+yfOnNxISWuU5RQD///vcCsnqj0AAAAA=) no-repeat;background-position: 50%;
	background-size: cover;
	height: 480px;
	padding: 30px 40px 0;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 10px 20px 0 rgba(53,120,246,.102);
	transition: all .4s;
	cursor: pointer;
	overflow: hidden
}

.sj-game-list li:hover {
	transform: scale(1.02)
}

.sj-game-list li .h3,.sj-game-list li .sj-game-main{
	position: relative;
	z-index: 2
}

.sj-game-list li h3{
	color: #1e1e20;
	font-family: PingFang SC;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 45px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	will-change: transform
}

.sj-game-list li .bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 4px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	border-radius: 20px
}

.sj-game-main{
	display: flex;
	flex-direction: column
}

.sj-game-main .number{
	color: #6e6e73;
	font-family: DINPro-bold;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 20px
}

.sj-game-main .going{
	font-size: 16px;
	color: var(--color-theme);
	font-weight: 500;
	margin-top: 10px
}


.egame-page {
    text-align: center;
    padding-top: 24px
}

.egame-list {
    margin-top: 16px
}

.egame-list ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 34px
}

.egame-list li {
    height: 259px;
    margin: 0;
    border: none;
    box-shadow: 0 4px 10px rgba(136, 149, 205, .1);
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff
}

.egame-list li:nth-child(5n+5) {
    margin-right: 0
}

.egame-list li:hover .img-bg {
    transform: translateY(0)
}

.egame-list li .img {
    position: relative;
    height: 211px;
    background: #788b9d;
    overflow: hidden
}

.egame-list li .img img {
    width: 100%;
    height: 100%
}

.egame-list li .img img[lazy=error] {
    opacity: .2
}

.egame-list li .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%);
    transition: all .4s
}

.egame-list li .img-bg .img-link {
    cursor: pointer;
    border: none;
    text-align: center;
    line-height: 30px;
    color: #fff;
    width: 107px;
    height: 30px;
    font-size: 12px;
    background: var(--color-theme);
    border-radius: 4px
}

.egame-list li .name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 10px
}

.egame-list li .name .text {
    width: 155px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.egame-list li .name .icon {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUxpcW+Pn3iLnXeLm3iKnXeJmnSKmneKnHeKnHiKnHeKnHiLnXiLnHiKnW9/n3eKnHWJnHePn3eKm3eLnnWMnHiLnWHclpMAAAAVdFJOUwAQX0CfIDCA79+gz2+/EK9QIJCPUGlqCs4AAAD4SURBVHjarZHbjoMwDESdC+ROKN38/69uxk3rB+RKK+08IIc5dsZA/yVjg7/qTqy9Xj6cG4keOQ5WsUSujZf8BzlhL3kvdTqXj0PsvqeP433jJsfz8T4cKB0jhV8fAW1mVnkWKx0fMljGcSORQb/kdU7qwCN+8FR2nzkssEaKGoZnXKSIvesL0Me4qM69NKCMUXkZJeTj9akikmgR0tp20wYE3lZZNM0B3Fkn+bz7+BeWWA2z7r7sb9IbFtnBFyxtEYTmQzuIKmfEijuxhJAcQfwbofgg0nvbJ+7f6aYNRDfGr3wKUYrmg4AJ6CBNGX6Gr8m2Xulv+gWY7RSG1rv5gAAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover
}

.egame-list li .name .icon .img {
    width: 100%;
    height: 100%
}

.egame-list li .name .icon.hover,
.egame-list li .name .icon:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEXpW1v1t7f0ra3qZWX74ODxmJjrZWX////86urrb2/+9PT4y8v51tbuhITtenr2wcH+9fXxmZnyoqLsb2/4zMzwjo73wcHzo6P3wsJhL1JZAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAzklEQVR4nI2T2RaDIBBDA4LD5t7t/7+0p6IVl5k2T2jugVES0A/hTyB0ehiVyQ9GjYOOrgCcrTGrfRClJq9h3QrExZ7f2m09xQxEsEofwE08UAUCFXueZQm95KMKuIkAXtAyoCGOAAx4ysAIJQMKSQYSqPjPZ3kCiZ+hCdQLW3j3uSzFA12+7obz7ZKH3rMHrImqWX/JpLkgKlOG1tSM/429ORCrv/XC7Cb1q18UxxVEnu/YrI0o/F31XJv9NrDdnONlS/9Y3q65q8vy8noDt70My6aCW+gAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: cover
}

.egame-type {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.egame-type-left span {
    margin-right: 24px;
    font-size: 16px;
    position: relative;
    cursor: pointer
}

.egame-type-left span.hover {
    color: var(--color-theme)
}

.egame-type-left span.hover:before {
    position: absolute;
    content: "";
    bottom: -6px;
    border-bottom: 2px solid var(--color-theme);
    left: 0;
    right: 0
}

.egame-type-search {
    width: 190px;
    height: 40px;
    position: relative
}

.egame-type-search input {
    width: 100%;
    height: 100%;
    height: 38px;
    line-height: 36px;
    padding: 0 40px 0 18px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 12px;
    color: #788b9d;
    background: #fff;
    border: 1px solid #e4e8eb
}

.egame-type-search input::-moz-placeholder {
    color: #a5aabc
}

.egame-type-search input::placeholder {
    color: #a5aabc
}

.egame-type-search input:focus {
    border: 1px solid #2599f8
}

.egame-type-search span {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUxpccnR2MfR18fP18nO1sjQ2MfP18nR2MfP18/Pz8nQ18nP2cjP2MfR18jR18nQ18nR2EYAxycAAAAQdFJOUwC/74BfoELfIBCQMHBvz6/f4nNiAAAA5UlEQVR42pVS2xaEIAjUvKJW/v/XLnrKoWy3s/MUzgADof5DzJm+kmR0bQjOP9KpAsFOvA8HtdSOdONtJ9fYSnnXgo0kn/llKbDazOzSe+D0KDMMKwpCx/mDxxONAkMOEBc1Z7ByA3WHFSXY0jw38bznwrhDBiNcFFiQDAZxxxJhQcIOQXwWrENA3IJmQcIPgV/gMptrxQBYP7frL5tGlh5BEAGSqpURFo//e3VcE8n7unWlTR5i5P73AyHd33ZjbeqfUGD1EtrMiuiWQXMzCwXgjdMu9duG4hFQ0Jsiq1/wuqh3fACWDg6k13ZcKQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-55%);
    cursor: pointer
}

.egame-menus {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.egame-menus-a {
    width: 146px;
    height: 48px;
    border-radius: 24px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 3px 7px 0 #7998fc40;
    margin-bottom: 16px;
    background: url(data:image/webp;base64,UklGRpYFAABXRUJQVlA4WAoAAAAQAAAAPwEAYwAAQUxQSNgDAAABoJVte95GEgQzWDHYMGgYbBm0DDIMGgYeBoYQBhsGEwYjBjGD5znQZ+VvZvY72isiJqA85bT7nJdLW/3PvLbzaT7sy69x2s8X/7Of5/2rTfvT6n/89fT+QvW4moJtqa+xP5uHLPX56tlkXOpzTUfzkXl6on0zJX9+PMv03aTEeXqK2sxLWn2C96upub4/7Ci5IccHHTE/jw85mqLHBxxN0uPdjmYpxzu9m6jvd6nXTFnrHaZmptKm276brPNNn6br/oapkS20aey7Cfs1VE3ZOrLkzHmgmrT7rSVrzhvVtK3RQtp8Rc20Xafunbxx351M3FO3Zs46lbI3c9mXMqeOcynn3PlRisk77bNnd8iejzl75lP2LOfsubTsaWv2rP7v3zV71pY97ZI951P6zNkzH7Ln8J49b1P2TKXlTitlyZ1TKQdS56OUauruSimNvOFnKaXMJu7S7TPnrSuXtKGV8Ius8SOarpI0NSqzKQtL2dxJxmjdKmfzFVzKYIV0UetImZVkwaUMT6vZSqtj5RuQK36UW89KpnAuN9cVyRJ0rbeVbyBJohzKPWeRHMG53HW6SIqgrdy5NvMT1FbvVeqaHqBea7n/7podouuuPHJ3JTeAdVceu7uSFyhed+XRtXWkRP+zlsfXJqgkAooKXGp5yjlIRYznqTzpt1UEAv7zsbUeyvPWsyMg/8mACEQ81/LUn007EAdRQFGJUGSLCEUZQ1FUVAZQBohQQQJQlA02UBQJYIgNRKXjBqTjBgToQEU7ENX1UJ69LoFgj0gXg4qKKCoyBo7TiX3Xg6hgCG4igoiKPaAoKogqoiKdIgERhih4I2KPPSqKOIoYCarzVF6wLp2gAriNKh3abWIMiMoASq+iIooqbqIS0Nvj7SiKPYoYYwidCvYoKioqdNsgqCiOo3QxeK7lRetij6iIAhhij6ioGKOiYs8GbqKIm9gjCPa4jTGCQCcoonQxghsGGGOICoIhRAoiikiAuEmvrvPf5YXrZ+u2cRQFFAcx7gZRjFBQEQkIQBTFGERBxU4FUUUcRjUiUFRBhE5BQekUREVFO5VuE0VULl9TefW3pXVsIXSbiApdjAoqIIoqYkyngKiiqCKKiioq9ogxiKNE2GPMliIdDmIPqqhiCA4CYqdtfiu/xt3nqalipCgqCoEKdHQqioACiEJAoGAMChiiQCCAKgqKiijBIIohgYg4iETbKI4jAaIi+nM5/FV+qdPbYf733FZVAMVB3MQe3ARxEAEURDHGTRDHQQUVEcEQREWlwx5VELEHFIxBRAUVeyQyAHVtP07z4Z+pPC1WUDggmAEAAPASAJ0BKkABZAA+0WitUigmpKKiWAiBABoJaW7dXN3gIqXkz8AKP9BG+s2w0E+HanfYLfDtTibFa9+q2uLYY9+pZecrUOYTLHNR9UJgjn5R6S+VCYpfO7S/Pqg4RdSSHHfcMDdQRSXsHTWZILj71Yx93LSEAoBVrXpaRnt3eXslNi8h3oDY99KDhF6+PwRXNHkDKipHYvUNOpr/9Rxx4gAA/tnEfj/N9WyzcMl49cIJkQAKL2ey/UMI8CBGP+kkgdIuuQnqLQIWABX+flOMIpe1D10JWnh1T1s1Kk9m9mYBL+BOsFrwb1nCtgK2S/pSEAVvIEK+nd2rHuB6YxQEDDL0k7KUv6KpRD5Wfn7oFLNPqF9gR6tANTS/3t//+Ll//Egv/+J2VXwKevLcjeV9PNHDRw5KBpjwwyvcuf7cidC/W8B+66SnrrpKCTOUQlc9h07mTLsZ9YMP6L2XVakcCVIS//8ekLHv/GH2AVCZwvfmWEbls7GWoWtxt8ivJDi3gnaOlQYIbVSauFFKL0LFH/xU//+L+wRSAA==) no-repeat;
    background-size: cover
}

.egame-menus-a .icon {
    width: 32px;
    height: 32px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--color-theme);
    margin-right: 6px;
    border-radius: 100%
}

.egame-menus-a .icon .img {
    width: 100%;
    height: 100%;
    filter: invert(0)
}

.egame-menus-a.hover,
.egame-menus-a:hover {
    background: url(data:image/webp;base64,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) no-repeat;
    background-size: cover;
    color: #fff
}

.egame-menus-a.hover .icon,
.egame-menus-a:hover .icon {
    background-color: transparent
}

.egame-menus-a.hover .img,
.egame-menus-a:hover .img {
    width: 100%;
    height: 100%
}

.egame-box {
    padding: 28px 38px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 6px 4px 30px 0 #adbbe180;
    border-radius: 10px
}

.egame-top {
    background: url('../img/game-banner01.03a13c6a.webp') no-repeat center -10px;
    background-size: auto 410px
}

.bannerss {
    height: 400px;
    width: 100%;
    position: relative
}

.bannerss .slogin {
    width: 45%
}


.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background: #fff
}

.egame-web-bg {
    background: #ebf4ff
}