/** {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}*/

img {
    display: block;
    border: none;
}

a {
    text-decoration: none;
}

.wap {
    max-width: 576px;
    /*margin: 0 0 130px 0;*/
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #042C38;
    height: 45px;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
}

.header .ico {
    width: 10%;
    height: 40px;
    padding-left: 4px;
    box-sizing: border-box;
}

.header .ico span {
    width: 32px;
    height: 2px;
    display: block;
    background: #fff;
    margin: 8px;
}

.header .ico span:nth-of-type(2) {
    width: 27px;
}

.header .bal { color: #fff; line-height: 16px; width: 25%; font-size: 12px; }
.header .bal p { margin: 0; padding: 0; }
.header .bal a { color: #cfb459; }
.header .logo { /*width: 35%;*/margin-top: 7px; position: static;}

.header .logo img {
    height: 100px;
    max-height: 100px;
    width: auto !important;
}

.header .btnG {
    width: 35%;
    color: #fff;
    text-align: right;
    padding: 0 4px 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: end;
    gap: 5px;
}

.header .btnG a {
    font-size: 12px;
    color: #ffffff;
    padding: 0 5px;
    border: 0;
    background: #ab1313;
    border-radius: 5px; height: 30px; line-height: 30px;
}

.banner {
}

.banner img {
    width: 100%;
    height: 200px;
}

.notice1 {
    background: linear-gradient(#969696, #646464, #969696);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px !important;
}

.notice1 .col1 {
}

.notice1 .col1 img {
    height: 28px;
}

.notice1 .col2 {
    flex: 1;
    font-size: 14px;
    color: #FFFFFF;
    height: 25px;
}

.scrollText {
    position: absolute;
    /*top: -20px;*/
    width: 300px;
    max-width: 400px;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    background: #052D39;
}

.nav .col1 {
    padding-left: 10px;
}

.nav .col1 .txt1 {
    font-size: 12px;
    color: #5399a1;
    font-weight: bold;
}
.nav .col1 .txt2 {
    color: #ffffff;
    font-size: 14px;
}

.nav .col1 .txt2 a {
    font-size: 13px;
    color: #fff;
}

.nav .col2 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: url(../img/nav-bg.png) no-repeat center center / 100% 100%;
    height: 50px;
    margin-left: 20px;
    padding-left: 20px;
}

.nav .col2 a.item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-right: 1px solid #052d39;
}

.nav .col2 a.item .ico {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav .col2 a.item .ico img {
    width: 24px;
    filter: grayscale(1) invert(1);
}

.nav .col2 a.item .txt {
    font-size: 12px;
    color: #fff;
}

.index_block1 {
    display: flex;
    padding: 5px 0;
}

.index_block1 .col1 {
    width: 20%;
    padding: 8px 0;
    z-index: 5;
    background: -webkit-gradient(linear, left top, right top, from(#2e8190), color-stop(99%, #052d39));
    background: -webkit-linear-gradient(left, #2e8190, #052d39 99%);
    background: -o-linear-gradient(left, #2e8190 0, #052d39 99%);
    background: linear-gradient(90deg, #2e8190 0, #052d39 99%);
    border-radius: 0 0.4rem 0.4rem 0;
    -webkit-box-shadow: 0 1px 2px 1px #8c8c8c;
    box-shadow: 0 1px 2px 1px #8c8c8c;
    height: 100%;
}

.index_block1 .col1 .tab {
}

.index_block1 .col1 .tab .item {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
}

.index_block1 .col1 .tab .item .ico {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_block1 .col1 .tab .item .txt {
    font-size: 12px;
    font-weight: bold;
    color: #8C8477;
}

.index_block1 .col1 .tab .item.active {
    border-left: 3px solid #cfb459;
    box-sizing: border-box;
}

.index_block1 .col1 .tab .item.active .ico {
    filter: brightness(200%);
}

.index_block1 .col1 .tab .item.active .ico img {
    filter: none;
}

.index_block1 .col1 .tab .item.active .txt {
    color: #cfb459;
}

.index_block1 .col2 {
    flex: 1;
    padding: 0 10px;
}

.index_block1 .col2 a {
    display: block;
    margin-bottom: 10px;
}

.index_block1 .col2 a img {
    width: 100%;
    border-radius: 8px;
}

.wap .footer {
    text-align: center;
    background: #042C38;
    padding: 10px;
    /*margin-top: 90px;*/
    /*position: fixed; bottom: 0; width: 100%;*/
}

.wap .footer .logo {
    margin: 0 auto;
    position: static;
    /*left: 1.2rem;*/
    /*top: 1rem;*/
    z-index: 10;
}

.wap .footer .logo img {
    display: inline-block;
    height: 90px;
    width: auto !important;
}

.wap .footer .txt {
    font-size: 12px;
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 6000;
    visibility: hidden;
}

.menu .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.5s;
}

.menu .itemG {
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: -60%;
    width: 60%;
    height: 100vh;
    background: linear-gradient(90deg, #000 0, #111 16%, #2b2b2b 50%, #1c1c1c 71%, #131313);
    position: relative;
    z-index: 10;
}

.menu .itemG .item {
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, #46808e 0, #417684 1%, #335a69 4%, #2d515d 5%, #294b54 8%, #254751 26%, #1f414b 41%, #1d424b 46%, #1a3f48 49%, #1b4049 50%, #193e47 51%, #10353e 53%, #072d3a 54%, #062c39 55%, #042c38 86%, #08293a 91%, #072e3f 93%, #083947 96%, #094055 97%, #12495e);
}

.menu .itemG .item .ico {
    width: 50px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #051826;
    margin: 1px;
}

.menu .itemG .item .ico img {
    width: 22px;
    filter: grayscale(1) invert(1);
}

.menu .itemG .item .txt {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
}
.menu .itemG .item .txt a {color: #fff;
    font-size: 14px;
    font-weight: bold; }

.menu.active {
    visibility: visible;
}

.menu.active .bg {
    opacity: 1;
}

.menu.active .itemG {
    left: 0;
}

.swiper-button-next, .swiper-button-prev {
    color: rgba(255, 255, 255, 0.5) !important;
}

.swiper-pagination-bullet {
    background-color: #fff !important;
}

.login-bg .login .row2, .reg-bg .reg .row2 {
    filter: brightness(140%);
    margin-top: 5rem;
}

.login-bg .login .row2 .col2, .reg-bg .reg .row2 .col2 {
    width: 8.65rem;
    height: 7rem;
    background: url(../img/login-bg.png) no-repeat #666;
    background-size: 100% 100%;
    box-sizing: border-box;
    border-radius: 13px;
}

.index_block1 .col1 .tab .item img.a {
    width: 75px;
}

.index_block1 .col1 .tab .item img.b {
    width: 75px;
    display: none;
}

.index_block1 .col1 .tab .item.active .ico img.a {
    display: none;
}

.index_block1 .col1 .tab .item.active .ico img.b {
    display: block;
}

.index_block1 .col2 .tab-content .item {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.index_block1 .col2 .tab-content .item a {
    width: 45%;
    text-align: center;
    margin-bottom: 2%;
    margin-left: 3%;
}

.index_block1 .col2 .tab-content .item a img {
    display: block;
}
.user .block1 { display: block; }
.top-up { margin-bottom: 100px; }
#commCollect { margin: 0;font-size: 14px; }
#commCollect .col1 button { font-size: 14px; padding: 4px 8px; margin-right: 10px; background: #ab1313; border: 0; margin-top: -2px; border-radius: 5px; float: right; }
#commCollect .col2 { background: #ab1313; }
/*倍场选择模态窗口*/
#slots_modal {display: none; /* width: 80%; *//* height: fit-content; */color: #FFFFFF;border: 1px solid #337b87;border-radius: 10px;font-size: 14px;font-weight: bold;line-height: 30px;text-align: center;overflow: hidden;margin: 20% auto 0 auto;}
#slots_modal p {color: black;font-size: 10px;text-align: left;margin: 0;line-height: 20px}
.slots_modal-header {background: #337b87;padding: 5px 10px;text-align: center;}
.slots_modal-body {padding: 20px;background: #dbeced;}
.slots_modal-btn {display: inline-block;text-align: center;width: 40%;margin: 0 0 5% 5%;background: #337b87;color: #FFFFFF;border-radius: 5px;padding: 2px 0;}
.slots_modal-btn:nth-child(odd) {margin-left: 0;}
#slots_modal .modal-content { border: 0;}
#slots_modal .modal-dialog { margin: 0;}