.dark-mode .is_main {
    background-color: #171717;

}

.dark-mode .tabs ul li {
    background-color: rgb(255 255 255 / 4%);
}


.dark-mode .tabs ul li a {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    border-left: 1px solid rgb(255 255 255 / 12%);
    border-top: 1px solid rgb(255 255 255 / 12%);
    color: rgb(255 255 255 / 60%);
}

.dark-mode .tabs ul li:last-child a {
    border-right: 1px solid rgb(255 255 255 / 12%);
}

.dark-mode .tabs ul li.active a {
    border-top: 2px solid #957C5C;
    border-bottom: none;
    background-color: #171717;
    color: #AE9473;
}


.dark-mode .search {
    background-color: rgb(255 255 255 / 4%);

}

.dark-mode .search .form input {
    background-color: #171717;
    border: 1px solid #333;
    color: #ddd;
}

.dark-mode .search .form input:focus {
    border: 1px solid #444;
}

.dark-mode .search .form input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    /*背景不显示*/
    -webkit-box-shadow: 0 0 0px 0px #ddd inset;
    /*背景阴影设置*/
    -webkit-text-fill-color: #ddd;
    /*input框字体颜色*/
    caret-color: #ddd;
    /*改变光标的颜色*/
}

.dark-mode .search .form .submit {
    background-image: url(../images/search_1.png);
}

.dark-mode .loader .tips {
    padding: 50px;
    color: #ddd;
}


.dark-mode .btn-refresh {
    background-image: url(../svg/ic-refresh-dark.svg);
}

.dark-mode .collection-list .collection-name {
    font-size: 14px;
    color: rgb(255 255 255 / 83%);
    padding: 0 !important;
    margin: 0 !important;
}

.dark-mode .collection-list .collection-option {
    font-size: 14px;
    color: rgb(255 255 255 / 38%);
    padding: 0 !important;
    margin: 0 !important;
}

.dark-mode .gameinfo-filter__section section {
    border: solid 1px rgb(255 255 255 / 8%);
}

.dark-mode .gameinfo-filter__section section>header {
    color: rgb(255 255 255 / 60%);
    background-color: rgb(255 255 255 / 4%);
}

.dark-mode .gameinfo-filter__section section>article {
    color: rgb(255 255 255 / 83%);
}

.dark-mode .gameinfo-filter__section section>article .checkbox input:checked+label::before {
    border-color: #D7D7D7;
    background-color: #D7D7D7;
}

.dark-mode .gameinfo-filter__section section>article .checkbox label::before {

    border-color: rgb(255 255 255 / 20%);
}

.dark-mode .gameinfo-filter__section section>article .checkbox input:checked+label::after {
    border-color: #171717;
}

.dark-mode .gameinfo-filter .category>article .btn-category {
    font-size: 14px;
    color: rgb(255 255 255 / 83%);
}

.dark-mode .gameinfo-filter .category>article>ul li.is-active>.btn-category {
    color: rgb(255 255 255 / 83%);

}

.dark-mode .gameinfo-filter .category>article>ul {
    border-color: rgb(255 255 255 / 10%);
}

.dark-mode .gameinfo-filter .category>article>ul li.is-active .btn-category::before {
    border-color: rgb(255 255 255 / 83%);

}

.dark-mode .gameinfo-filter .category>article>ul li .btn-category::before {

    border-color: rgb(255 255 255 / 20%);
}

.dark-mode .gameinfo-filter .category>article>ul li.is-active ul li .btn-category::before {

    background-color: rgb(255 255 255 / 20%);
}


.dark-mode .gameinfo-result__util .title em,
.dark-mode .gameinfo-result__util .title strong {
    font-weight: 400;
    color: rgb(255 255 255 / 83%);
    font-style: normal;
}

.dark-mode .tablerow {
    color: rgb(255 255 255 / 60%);
}

.dark-mode .ui-table {

    border-color: rgb(255 255 255 / 40%);
}

.dark-mode .tablerow:hover {
    background-color: #1c1c1c;

}

.dark-mode .ui-table .tablerow {
    border-color: rgb(255 255 255 / 8%);
}

.dark-mode .tablebody .tablerow .tablecell:nth-child(3) {
    font-size: 13px;
    color: rgb(255 255 255 / 38%);
}

.dark-mode .btn-fixed-wrap .btn-theme-light {
    display: none;
}

.dark-mode .btn-fixed-wrap .btn-theme-dark {
    display: block;
}

.dark-mode .btn-fixed-wrap .btn-theme>button .text {
    color: #AE9473;
}

.dark-mode .btn-fixed-wrap .btn-theme>button .icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntvcGFjaXR5OjAuMjU7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7hhI/hhaXhhIbhhbLhhILhhbXhhJDhhbVf4YSL4YWh4YSL4YW14YSP4YWp4YarX2RhcmtfdjEuMF/hhIDhhbXhhIzhhanhhqvhhIDhhabhhInhhbXhhJHhhaHhhqs8L3RpdGxlPjxnIGlkPSJzd2l0Y2hfZGFyayI+PGcgY2xhc3M9ImNscy0xIj48cGF0aCBkPSJNMTIsNy41YTEwLjM5LDEwLjM5LDAsMCwxLC4yMS0yLjFBMTAsMTAsMCwxLDAsMjQuNiwxNy43OWExMC4zOSwxMC4zOSwwLDAsMS0yLjEuMjFBMTAuNSwxMC41LDAsMCwxLDEyLDcuNVoiLz48L2c+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjI1IDggMjIgOCAyMiA1IDIxIDUgMjEgOCAxOCA4IDE4IDkgMjEgOSAyMSAxMiAyMiAxMiAyMiA5IDI1IDkgMjUgOCIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEwLDUuNWExMC4zOSwxMC4zOSwwLDAsMSwuMjEtMi4xQTEwLDEwLDAsMSwwLDIyLjYsMTUuNzlhMTAuMzksMTAuMzksMCwwLDEtMi4xLjIxQTEwLjUsMTAuNSwwLDAsMSwxMCw1LjVaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0zIiBwb2ludHM9IjIzIDYgMjAgNiAyMCAzIDE5IDMgMTkgNiAxNiA2IDE2IDcgMTkgNyAxOSAxMCAyMCAxMCAyMCA3IDIzIDcgMjMgNiIvPjwvZz48L3N2Zz4=);
}


.dark-mode .layui-layer {
    background-color: #292929 !important;
    border-radius: 10px;

}

.dark-mode .layui-layer-title {
    color: #dbdbdb !important;

}

.dark-mode .layui-layer-setwin .layui-layer-ico:before {
    content: "\eca0";
    color: #fff;
}

.dark-mode .gameinfo-detail__section {
    background-color: #292929;
    padding: 0 10px;
}


.dark-mode .gameinfo-detail__section section>article ul li {
    color: rgb(255 255 255 / 83%);
}

.dark-mode .gameinfo-detail__left {
    border-right: 1px solid rgb(255 255 255 / 12%);
}

.dark-mode .gameinfo-detail__section section.summary {

    border-color: rgb(255 255 255 / 40%);
}

.dark-mode .gameinfo-detail__section section img.thumb {
    border-color: rgb(255 255 255 / 12%);
}

.dark-mode .gameinfo-detail__section section>header {
    color: rgb(255 255 255 / 60%);
    border-color: rgb(34 34 34 / 8%);
    background-color: rgb(255 255 255 / 4%);
}

.dark-mode .gameinfo-detail__section section>article ul li .value {
    color: rgb(255 255 255 / 83%);

}

.dark-mode .ui-pagination li.current {
    color: rgb(255 255 255 / 83%);
}

.dark-mode .ui-pagination li.next button,
.dark-mode .ui-pagination li.prev button {
    border: 1px solid rgb(255 255 255 / 10%);
}

.dark-mode .ui-pagination li.next button::before,
.dark-mode .ui-pagination li.prev button::before {
    border: 0 solid #fff;
    border-width: 1px 1px 0 0;
}


.dark-mode .ball-clip-rotate {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite;
}

.dark-mode .grey {
    color: #e1e1e1;
}

.dark-mode .green {
    color: #52b352;
}

.dark-mode .blue {
    color: #0094d3;
}

.dark-mode .red {
    color: #d33934;
}

.dark-mode .purple {
    color: #a36ce5;
}

.dark-mode .orange {
    color: #e9a436;
}

.dark-mode .pink {
    color: #df5197;
}

.dark-mode .cyan {
    color: #0abf98;
}

.dark-mode .footer {
    background-color: #202020;
}

.dark-mode .is_mains {
    position: relative;
    width: 100%;

}

.dark-mode .bottomBg {
    background-color: #171717;
}

.dark-mode .server {
    background-color: #171717;
    color: #cbcbcb;
}

.dark-mode .server .title {
    border-bottom: 2px solid #747474;

}


.dark-mode .server a {
    color: #ccc;
}


.dark-mode .list {
    background-color: #171717;

}

.dark-mode .list .new {
    border-bottom: 1px solid #292929;
    border-left: 1px solid #292929;
}

.dark-mode .list h3 a {
    color: #a8a8a8;
}

.dark-mode .list .new ul li a {
    color: #7c7c7c;
}


.dark-mode .list .new:nth-child(-n+4) {
    border-top: 1px solid #292929;
}

.dark-mode .list .new:nth-child(4n) {
    border-right: 1px solid #292929;
}

.dark-mode .list .new:last-child {
    border-right: 1px solid #292929;
}

.dark-mode .table td {
    border-top: solid 1px #292929;
    border-bottom: solid 1px #292929;
    font-weight: 400;
}

.dark-mode .table .hover:hover {
    background-color: #60462e;
}

.dark-mode .table .color1 {
    color: #b9b9b9;
}

.dark-mode .table .color2 {
    color: #848484;
}




.dark-mode .footer-links {
    margin-top: 20px;
    padding: 13px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dark-mode .footer-links-list .footer-links-item {
    padding: 0 11px;
}

.dark-mode .footer-links ul li {
    display: inline-block;
    font-size: 14px;

}

.dark-mode .footer-links ul li a {
    color: rgba(255, 255, 255, 0.6);
}

.dark-mode .footer-copyright {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.38);
}

.dark-mode .footer-sns-item-youtube a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTP///////////////////////////////////8kBMKEAAAAKdFJOUwAUoRAJjntiIj9M1Xw8AAAB0ElEQVRYw7WXPU/DMBCGEzU/oJYrCmul8rHFCgNjI/ILKoW9lVq6wkBZYaBiRULi5/JRmtw55/heIW5+dH7vbN9HknQsqwpnjL2cJXGrCnMwW0XYrHSGWL//zHhmZwD8ZTMEDuIyHMJdgLYSXJqQjfQ6ZC2uh+5oGZg+G3p0L+w7T/tpz7mJmV6179xFaavLdTfnpYIe6WOkcQ5UdA4IaaU4A0jJdPBvVlIlPQRkH4QbrSGy98IHanoIyN4LZ/Tr9mFV15Nvq+v17fbDp+ndvEx8e+Rh0iCP5x16+sTCpPR40rUFo2lKngX6nD1Deu9vAn3BUkjpe4E+Y3QJ0CNGLwX6lNFOoDfkkGmQPqR7cTIXacvea0ObFg/T5EZ2jXN29QG6fTIq2rz/Hw0pUUTZZnAcyDd2O6VAb5byO2G0jb8q7MWS32DjvwH7aeQX2/gvphXiSKDvgvXkKlp92PXsOvTG68d+1Vw3VfNGqJqMtgXv7s6nU3X9zuFOgnUpsANi3RXr3AkiG504sGkGm5TAKQyb8LDpURFnngCjqf3DRB1x7q8CqV41vGWAGwy2HYGbV5I5ZKvDNkZwG5XE9C/G1zwbsS29cvoNfe//Z/uvBL+fccYgxlw2A/0AAAAASUVORK5CYII=)
}

.dark-mode .footer-sns-item-youtube a:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTP8VFf9XV/8nJ/8CAv8KCv8GBv////////////+Ghv8AAP////9BQf+oqP/f3/9lZa67nW0AAAALdFJOUwCBMVriq8gUEAkj6wqj1QAAAbhJREFUWMPVmduOwjAMRJumie1elv3/r90WaRELceo0HqGdN4R0GA25OPYwWCQizEx3MYsMLjqg9K5uvgiVuP10oTOxgMB3CQrcDm8AN8KZGsUYyw3GL5FNbKaLYhh5V51MPWIYueqbCMVmQrE9yOW8hVwkMHKJTW6CBF2MW8hRgjL9Eomr6b+2yVkw08+2iVC2xR8tkOXxbBtg+te2jp5jSCnlPO1aHjo+5ZxSCHE8QWt5jHk5VRpriWimx2kxaJortjV0WkxKFbSSx7wYNevnn/Kr0YqOetjKN8GKDiq6M+pa2Bo696PZiN5u32V0bka/ruptXb/KK1u9IsmOLsPb0UsJvZZSUbd6G3qHbzD0eyr/AY0LxONvdFh8wC0j5o2+tW107j/5cvPJ53CoAq8C5AUGvHaBxYKGnm0lzlirzNTCLHUUZnxSTo4xBL2cTCHOlytVqlbezOe1O6C8ZvyDA/hMQj7ugE9S5EN6gJmGNi2ArRZkgwjZ1gI245AtRBc2w5qq/Ikmc6dvhrXd+XNjCOTwBDnyQQ6qDuMMsQweCkJHmcZYOqa7VXr/ULpIdx2mP0b0YqT+AAmaweJBS0l2AAAAAElFTkSuQmCC)
}