* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.flashText {
    animation: color .4s infinite, ts 1.2s infinite;
    display: block;
}
.flashText1 {
    animation: color .4s infinite;
}

@keyframes color {
    0% {
        color: var(--yellow2)
    }
    100% {
        color: var(--red)
    }

}

@keyframes ts {
    0% {
        transform: scale(1.11);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.11);
    }

}

.fw {
    font-weight: bold;
}

:root {
    --green: green;
    --blue1: #7bfff4;
    --blue2: #009191;
    --yellow1: #ffeb3b;
    --yellow2: #ffcc00;
    --red: #f00;
    --white: #fff;
    --black: #000;
    --gray: #999;
}

.yellow {
    color: var(--yellow2);
}

/**/
ol,
ul,
dl {
    margin-bottom: 0
}

body {
    font-size: 16px;
    color: #fff;
    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif, 'MicrosoftYaHeiLight', 'Microsoft YaHei Light', 'Microsoft YaHei';
    background: #000;
}

.cls:before,
.cls:after {
    display: table;
    content: "";
    clear: both;
}

img {
    border: none;
}


input,
button,
select,
textarea {
    outline: none;
}

input[type=text],
input[type=password] {
    -webkit-appearance: none;
}


a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

[v-cloak] {
    display: none;
}

.mark {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 888;
    transition: all .4s;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.wp {
    width: 960px;
    margin: 0 auto;
}

header {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 3;
}

header .member {
    background: url(../img/toptb.png) rgba(0, 0, 0, 1) repeat-x;
    border-bottom: 2px solid #d7bc8d;
    height: 88px;
    background-size: 100% 100%;
}

header .member .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

header .member .container .other, header .member .container .other a {
    color: var(--blue1);
}

header .member .container .m_nav {
    display: none;
    width: 16px;
}

header .member .container .logo {
    width: 45%;
    max-width: 198px;
    display: flex;
}

header .member .container .logo i {
    width: 100%;
    padding-bottom: 43.381180223285%;
    background-image: url(../img/logo.png?v=5);
    background-size: cover;
}

header .member .container .icons {
    display: flex;
    align-items: center;
    border-right: solid 1px rgba(255, 255, 255, .2);
    margin-right: 15px;
    padding-right: 5px;
}

header .icons li {
    display: flex;
    font-size: 12px;
    justify-content: center;
    padding: 0 5px;
}

header .icons li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white);
}

header .icons li a .img {
    width: 48px;
    height: 48px;
}

header .icons li a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header .icons li a .txt {
    display: flex;
    padding-top: 5px;
}

header nav {
    background-color: rgba(0, 0, 0, .75);
    height: 52px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

header nav .container .menu {
    display: flex;
    align-items: stretch;
    justify-content: center;
    color: var(--blue2);
}

header nav .container .menu li {
    display: flex;
    align-items: center;
    justify-content: center;
}

header nav .container .menu a {
    color: var(--white);
}

header nav .container .menu a.dx {
    padding: 4px 6px;
    display: block;
    background: #991919;
    border: solid 1px #991919;
    box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, .3);
    color: var(--white) !important;
}

header nav .container .menu a.zz {
    padding: 4px 6px;
    display: block;
    background: #00669B;
    border: solid 1px #00669B;
    box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, .3);
    color: var(--white) !important;
}

header nav .container .menu li.cur a {
    color: var(--yellow2);
}

header nav .container .menu .line {
    margin: 0 15px;
    width: 2px;
    position: relative;
}

header nav .container .menu .line:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: var(--blue2);
}

header nav .container .closewin {
    width: 16px;
    height: 16px;
    background: url(../img/nav_close.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
    z-index: 1;
}

header nav.exp {
    animation: exp .3s both ease-in-out;
    display: flex;
}

header nav.suo {
    animation: suo .3s both ease-in-out;
    display: flex;
}

@keyframes exp {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }

}

@keyframes suo {
    0% {
        height: 100%;
    }

    100% {
        height: 0%;
    }

}

header nav .container .other {
    display: none;
}

header nav .container ul.icons {
    display: none;
}


.body #top {
    padding-bottom: 30.7291666667%;
    height: 0;
    background: url("../img/headerN.jpg?v=5");
    background-size: cover;
    margin-bottom: -26%;
}

.body #top1 {
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: -26%;
    position: relative;
}

.body.index #top {
    /*background: none;*/
    /*position: relative;*/
}

.body.index #top1 video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.body .kuangK {
    position: relative;
    z-index: 2;
}

.body .kuangK .k-top {
    padding-bottom: 15.833333333333%;
    height: 0;
    background: url("../img/bg-top.png");
    background-size: cover;
}

.body .kuangK .k-mid {
    background: url("../img/bg-mid.png") repeat-y;
    background-size: 100% 28.8333333333%;
    background-size: 100%;
}

.body .kuangK .k-bt {
    padding-bottom: 12.833333333333%;
    height: 0;
    background: url("../img/bg-bt.png");
    background-size: cover;
}

.body #footer {
    padding-bottom: 33.28125%;
    height: 0;
    background: url("../img/footer.jpg?v=2");
    background-size: cover;
    margin-top: -20%;
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;
}

footer .grade {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

footer .grade .gradeIco {
    width: 10%;
    max-width: 45px;
    display: flex;
}

footer .grade .gradeIco i {
    width: 100%;
    padding-bottom: 100%;
    background: url(../img/grade.png);
    background-size: cover;
}

footer .grade .ms {
    padding-left: 30px;
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
}

footer .logo {
    width: 37%;
    max-width: 350px;
    display: flex;
    margin: 1vw 0;
}

footer .logo i {
    width: 100%;
    padding-bottom: 43.381180223285%;
    background: url(../img/logo.png?v=5);
    background-size: cover;
}

.flavar {
    padding-bottom: 26.041666666667%;
    height: 0;
    position: relative;
}

.flavar .swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.flavar .swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsListAd {
    display: flex;
    height: 310px;
    flex-wrap: wrap;
    margin: 5px 0 10px;
}

.newsListAd .ad {
    width: 221px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.newsListAd .ad img {
    width: 100%;
    display: block;
}

.newsListAd .newsList {
    width: calc(100% - 450px);
    display: flex;
    padding: 0 4px;
}

.newsListAd .newsList .ll, .newsListAd .newsList .rr {
    width: 30px;
}

.newsListAd .newsList .ll {
    background: url(../img/ll.png);
}

.newsListAd .newsList .mid {
    width: calc(100% - 60px);
    background: url(../img/mm.png) repeat-x;
}

.newsListAd .newsList .mid .tab {
    padding-top: 20px;
}

.newsListAd .newsList .mid .tab ul {
    display: flex;
    justify-content: center;
    color: var(--white);
    font-weight: bold;

}

.newsListAd .newsList .mid .tab ul li {
    width: 90px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.newsListAd .newsList .mid .tab ul li.cur {
    background: url(../img/curhover.png);
}

.newsListAd .newsList .mid .list {
    padding-top: 15px;
}

.newsListAd .newsList .mid .list ul {
    color: var(--white);
}

.newsListAd .newsList .mid .list ul li {
    display: flex;
    align-items: center;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px dashed #0FF;
    padding-left: 8px;
}

.newsListAd .newsList .mid .list ul li .time {
    width: 62px;
    overflow: hidden;
    font-size: 12px;
    color: var(--red);
}

.newsListAd .newsList .mid .list ul li .xh i {
    width: 14px;
    height: 14px;
    background: var(--red);
    display: block;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}

.newsListAd .newsList .mid .list ul li .title {
    width: calc(100% - 88px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 6px;
}

.newsListAd .newsList .mid .list ul li .title a {
    color: var(--yellow2);
}

.newsListAd .newsList .rr {
    background: url(../img/rr.png);
}


.allNews {
    padding-top: 10px;
}

.allNews .bk-tit {
    background: url(../img/tab_bar.png);
    height: 35px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 1px 1px #45341B;
}

.allNews .bk-tit a {
    margin-left: 10px;
    color: var(--white);
    font-weight: bold;
    font-size: 14px;
}

.allNews .bk1 .bk-con ul, .allNews .bk2 .bk-con ul {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.allNews .bk1 .bk-con ul li, .allNews .bk2 .bk-con ul li {
    width: 50%;
    display: flex;
    align-items: center;
}

.allNews .bk2 .bk-con ul li {
    width: 50%;
    padding: 10px 0;
    border-bottom: 1px dashed #A5CAE4;
}

.allNews .bk1 .bk-con ul li .img {
    width: 128px;
    width: 66.6666666667%;
    padding-left: 15px;
}

.allNews .bk2 .bk-con ul li .img {
    width: 66.6666666667%;
}

.allNews .bk1 .bk-con ul li .img i {
    position: relative;
    display: block;
    padding-bottom: 38.787878787879%;
}

.allNews .bk2 .bk-con ul li .img i {
    position: relative;
    display: block;
    padding-bottom: 37.5%;
}

.allNews .bk1 .bk-con ul li .img img, .allNews .bk2 .bk-con ul li .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.allNews .bk1 .bk-con ul li .text {
    width: calc(100% - 128px);
    width: 33.3333333333%;
    padding-left: 10px;
}

.allNews .bk2 .bk-con ul li .text {
    width: 33.3333333333%;
    padding-left: 10px;
}

.allNews .bk1 .bk-con ul li .text a, .allNews .bk2 .bk-con ul li .text a {
    color: var(--white);
}

.allNews .bk1 .bk-con ul li .text a.tit, .allNews .bk2 .bk-con ul li .text a.tit {
    font-weight: bold;
}

.position {
    display: flex;
    align-items: center;
    line-height: 16px;
    padding: 0 15px 15px;
}

.position i {
    width: 16px;
    padding-bottom: 2%;
    height: 0;
    position: relative;
}

.position i img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
}

.position a {
    color: var(--white);
}

.position span {
    width: 10px;
    height: 10px;
    background: url(../img/pt_item.png);
    margin-right: 6px;
}


.listPage .thead {
    display: flex;
    align-items: center;
    background: url(../img/tab_bar.png);
    height: 35px;
    box-shadow: 0 0 1px 1px #45341B;
    padding: 0 15px;
}

.listPage .thead .xh {
    width: 18px;
    display: flex;
    margin-right: 10px;
}

.listPage .thead .title {
    width: calc(100% - 90px);
}

.listPage .thead .time {
    width: 62px;
    text-align: center;
}

.listPage .list li {
    display: flex;
    align-items: center;
    border-bottom: solid 1px var(--white);
    line-height: 48px;
    padding: 0 15px;
}

.listPage .list li .xh {
    width: 18px;
    margin-right: 10px;
}

.listPage .list li .xh i {
    padding-bottom: 100%;
    height: 0;
    display: block;
    background: url(../img/pin_3.gif);
    background-size: cover;
}

.listPage .list li .title {
    width: calc(100% - 90px);
}

.listPage .list li .title a {
    color: var(--yellow2);
}

.listPage .list li .time {
    width: 62px;
    font-size: 12px;
    color: var(--white);
}


.detailPage .bigtitle {
    color: var(--yellow2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #45341B;
    padding: 15px 0 30px;
    margin: 0 15px;
}

.detailPage .neirong {
    padding: 15px;
    line-height: 24px;

}

.detailPage .neirong .catalogue {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 15px;
    width: fit-content;
    border-radius: 6px;
    overflow: hidden;
}

.detailPage .neirong .catalogue .name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    line-height: 20px;
    color: var(--yellow2);
}

.detailPage .neirong .catalogue .name i {
    border: solid 1px var(--yellow2);
    border-radius: 6px;
    padding: 6px;
    cursor: pointer;
    margin-left: 15px;
    background: var(--yellow2);
    overflow: hidden;
    position: relative;
}

.detailPage .neirong .catalogue .name i img {
    max-width: 24px;
    filter: drop-shadow(0 24px 0 #000);
    position: relative;
    top: -24px;
}

.detailPage .neirong .catalogue ul {
    counter-reset: num;
}

.detailPage .neirong .catalogue ul {
    font-size: 16px;
    overflow: hidden;
}

.detailPage .neirong .catalogue ul li {
    font-size: 95%;
}

.detailPage .neirong .catalogue ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--blue1);
}

.detailPage .neirong .catalogue ul li a:before {
    counter-increment: num;
    content: counter(num) '.';
    color: var(--yellow2);
}

.detailPage .neirong .catalogue ul ul {
    margin-left: 1em;
    counter-reset: num1;
}

.detailPage .neirong .catalogue ul ul ul {
    counter-reset: num2;
}

.detailPage .neirong .catalogue ul ul ul ul {
    counter-reset: num3;
}

.detailPage .neirong .catalogue ul ul ul ul ul {
    counter-reset: num4;
}

.detailPage .neirong .catalogue ul ul li a:before {
    counter-increment: num1;
    content: counter(num) '.' counter(num1) '.';

}

.detailPage .neirong .catalogue ul ul ul li a:before {
    counter-increment: num2;
    content: counter(num) '.' counter(num1) '.' counter(num2) '.';
}

.detailPage .neirong .catalogue ul ul ul ul li a:before {
    counter-increment: num3;
    content: counter(num) '.' counter(num1) '.' counter(num2) '.' counter(num3) '.';
}

.detailPage .neirong .catalogue ul ul ul ul ul li a:before {
    counter-increment: num4;
    content: counter(num) '.' counter(num1) '.' counter(num2) '.' counter(num3) '.' counter(num4) '.';
}

.detailPage .neirong .article img {
    max-width: 100%;
}

.detailPage .neirong .article p {
    margin: 15px 0;
}

.detailPage .neirong .article a.header-anchor {
    font-size: .85em;
    float: left;
    margin-left: -.87em;
    padding-right: .23em;
    margin-top: .125em;
    opacity: 0;
    color: var(--yellow2);
}

.detailPage .neirong .article h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 26px;
    color: var(--yellow2);
    padding-top: calc(26px + 140px);
    margin-top: -140px;

}

.detailPage .neirong .article h2:hover a, .detailPage .neirong .article h3:hover a, .detailPage .neirong .article h4:hover a, .detailPage .neirong .article h5:hover a, .detailPage .neirong .article h6:hover a {
    opacity: 1;
    text-decoration: underline;
}


.detailPage .neirong .article h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    color: var(--yellow1);
    padding-top: calc(20px + 140px);
    margin-top: -140px;

}

.detailPage .neirong .article h4 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 14px;
    color: var(--blue1);
    padding-top: calc(14px + 140px);
    margin-top: -140px;
}

.detailPage .neirong .article h5 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    color: var(--blue2);
    padding-top: calc(10px + 140px);
    margin-top: -140px;
}

.detailPage .neirong .article h6 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 3px;
    color: var(--green);
    padding-top: calc(3px + 140px);
    margin-top: -140px;
}

.detailPage .neirong .nextpPrev {
    padding-top: 15px;
}

.detailPage .neirong .nextpPrev, .detailPage .neirong .nextpPrev .ht {
    display: flex;
}

.detailPage .neirong .nextpPrev .ht {
    width: 50%;
}

.detailPage .neirong .nextpPrev .bs {
    color: var(--gray);
    padding-right: 15px;
}

.detailPage .neirong .nextpPrev a {
    color: var(--yellow2);
}

.my-enter-active {
    animation: my-in .3s ease-in-out;
}

.my-leave-active {
    animation: my-out .3s ease-in-out;
}

@keyframes my-in {
    0% {
        height: 0;
        opacity: 0;
    }

    100% {
        height: var(--h);
        opacity: 1;
    }
}

@keyframes my-out {
    0% {
        height: var(--h);
        opacity: 1;

    }

    100% {
        height: 0;
        opacity: 0;
    }
}

.regPage .el-form {
    padding: 50px 0px 20px;
    width: 80%;
    max-width: 520px;
    margin: 0 auto;
}


.el-form .el-input__inner {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1) !important;
    color: var(--yellow2);
}

.el-form .el-input__inner:hover {
    border-color: rgba(255, 255, 255, .2) !important;
}

.el-form-item.is-error .el-input__inner {
    border-color: var(--yellow2) !important;
}


.el-form .el-button--warning {
    color: var(--black);
    font-weight: bold;
    font-size: 16px;
}

.el-form .el-form-item__error {
    color: var(--yellow2);
}

.el-form .el-form-item__label {
    color: var(--yellow2);
    opacity: .5;
}


.el-select-dropdown {
    background: #3C332D !important;
    border-color: rgba(255, 255, 255, .1) !important;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #3C332D !important;
    filter: drop-shadow(0 0px 0px rgba(255, 255, 255, .6)) !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #3C332D !important;
}

.el-popper[x-placement^=top] .popper__arrow {
    border-top-color: #3C332D !important;
    filter: drop-shadow(0 0px 0px rgba(255, 255, 255, .6)) !important;
}

.el-popper[x-placement^=top] .popper__arrow::after {
    border-top-color: #3C332D !important;
}

.el-select-dropdown__item {
    color: var(--white) !important;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: rgba(255, 255, 255, .2) !important;
}

.el-select-dropdown__item.selected {
    color: var(--yellow2) !important;
}


.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background-color: rgba(255, 255, 255, .1) !important;
    border: solid 1px rgba(255, 255, 255, .2);
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    border-color: var(--yellow2) !important;
    background-color: var(--yellow2) !important;
    color: var(--black) !important;
}


.regPage .bk-tit {
    background: url(../img/tab_bar.png);
    height: 35px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 1px 1px #45341B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    color: var(--yellow2);
    font-weight: bold;
}

.regPage .bk-tit a {
    font-weight: normal;
    color: var(--yellow2);
}

.regPage .other {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    max-width: 520px;
    margin: 0 auto;
    border-top: solid 1px #45341B;
    padding: 15px 0;
}

.regPage .other a {
    color: var(--yellow2);
}


.downBanner {
    width: 100%;
    padding-bottom: 19.333333333333%;
    background: url(../img/down_banner.jpg) center;
    background-size: cover;
    position: relative;
    margin-bottom: 15px;
}

.downBanner .front {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.downBanner .front .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    gap: 25px;
}

.downBanner .front .btns a {
    width: 40%;
}

.downBanner .front .btns a img {
    width: 100%;
}


.memberPage {
    display: flex;
    align-items: stretch;
}

.memberPage .left {
    width: 190px;
    background: #32251b;
    border: solid 1px rgba(150, 102, 62, .39);
}

.memberPage .left ul {
    display: flex;
    flex-direction: column;
}

.memberPage .left ul li {
    height: 54px;
}

.memberPage .left ul li a {
    color: var(--white);
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-left: 30px;
    transition: all .4s;
    background: url(../img/left_ht.png) repeat-x;
}

.memberPage .left ul li a:hover, .memberPage .left ul li.cur a {
    background: url(../img/left_htov.jpg) repeat-x;
    text-decoration: none;
    color: var(--yellow2);
}


.memberPage .right {
    width: calc(100% - 190px);
    padding-left: 10px;
    padding-right: 10px;
}

.memberPage .right .position {
    border-bottom: solid 1px rgba(150, 102, 62, .6);
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 26px;
    line-height: 26px;
    color: var(--yellow2);
}

.memberPage .right .tab {
    display: flex;
    align-items: center;
    border-bottom: solid 1px rgba(150, 102, 62, .19);
}

.memberPage .right .tab li a {
    padding: 15px;
    color: var(--white);
    display: block;
}

.memberPage .right .tab li.cur {
    position: relative;
}

.memberPage .right .tab li.cur:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--yellow2);
}

.memberPage .right .tab li.cur a {
    color: var(--yellow2);
}

.memberPage .right .tab li a:hover {
    text-decoration: none;
}

.memberPage .right .filter {
    border-bottom: solid 1px rgba(150, 102, 62, .19);
    padding-top: 22px;
}

.memberPage .right .storeList {
    padding-top: 15px;
}

.memberPage .mypager {
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.memberPage table {
    width: 100%;
    border: solid 1px rgba(150, 102, 62, .19);
}

.memberPage table thead {
    background: url(../img/left_htov.jpg) repeat-x;
    height: 50px;
    font-size: 14px;
    color: var(--yellow2);
    opacity: .8;
}

.memberPage table thead th {
    text-align: left;
}

.memberPage table tbody td {
    padding: 12px 0;
    color: var(--gray);
    font-size: 12px;
}

.memberPage table tbody tr {
    border-top: solid 1px rgba(150, 102, 62, .19);
}

.memberPage table thead th:first-child, .memberPage table tbody td:first-child {
    padding-left: 10px;
}

.tui {
    color: #409eff;
}

.no {
    color: var(--red);
}

.yes {
    color: var(--green);
}


.payStyle {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.payStyle li {
    width: 107px;
    height: 50px;
    margin-bottom: 6px;

}

.payStyle li .lin {
    width: calc(100% - 6px);
    height: 100%;
    background: rgba(255, 255, 255, .1);
    border: solid 1px rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.payStyle li.on .lin {
    border-color: var(--yellow2);
    color: var(--yellow2);
}

.payStyle li.on i {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/cur.png);
    background-size: cover;

}

.payStyle li.ht {
    width: 100%;
}

.payStyle li.ht .lin {
    background: rgba(255, 255, 255, .1);
}

.payStyle li.ht .lin input {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: 0;
    padding: 0 15px;
    color: var(--yellow2);
}

.memberPage .result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.memberPage .result .ip span {
    font-weight: bold;
    font-size: 22px;
    color: var(--yellow2);
}


.memberPage .result .tjZs {
    display: flex;
    align-items: center;
}

.memberPage .result .tjZs img {
    width: 26px;
    margin-left: 6px;
}

.memberPage .area .tips {
    background: rgba(255, 255, 255, .1);
    border: solid 1px rgba(255, 255, 255, .2);
    padding: 15px;
    margin-top: 15px;
}

.memberPage .area .tips p {
    margin: 15px 0;
}

.memberPage .area .ht {
    display: flex;
    align-items: stretch;
    /*border-bottom: solid 1px rgba(255,255,255,.2);*/
}

.memberPage .area .ht .ti {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    padding: 15px 0;
}

.memberPage .area .ht .ip {
    width: calc(100% - 100px);
    color: var(--yellow2);
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.memberPage .area .ht.big {

}

.memberPage .area .ht.big .ip {
    font-weight: bold;
    color: var(--yellow2);
    font-size: 32px;
}


.cardlist .cards {
    background: rgba(255, 255, 255, .1);
    border: solid 1px rgba(255, 255, 255, .2);
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    margin-bottom: 16px;
}

.cardlist .cards .gb {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4px;
    cursor: pointer;
    top: 4px;
    background: #E6A23C;
    color: #fff;
    font-style: normal;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardlist .cards .hts {
    display: flex;
    flex-wrap: wrap;
}

.cardlist .cards .hts .ti {
    width: 20%;
    text-align: center;
}

.cardlist .cards .hts .ip {
    width: 30%;
    text-align: center;
    padding-right: 4%;
}

.cardlist .cards .hts .ip input {

}


.el-button.see {
    color: #000;
}

.el-loading-mask {
    background-color: rgba(0, 0, 0, .8) !important;
}

/*泰達幣詳情頁二維碼*/

.payment-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    font-family: Arial, sans-serif;
}

.payment-page .logo img {
    width: 50px;
    height: 50px;
}

.payment-page .order-info {
    margin: 20px 0;
    text-align: center;
}

.payment-page .warning {
    margin: 10px 0;
    text-align: center;
    color: var(--red);
}

.payment-page .payment-card {
    background: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 300px;
    text-align: center;
    color: #000;
}

.payment-page .amount {
    margin-bottom: 20px;
    cursor: pointer;
}

.payment-page .amount h2 {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-page .address {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
    word-break: break-all;
}

.payment-page .qrcode {
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-page .qrcode img {
    /*width: 200px;*/
    /*height: 200px;*/
    /*margin: 20px 0;*/
}

.payment-page .countdown {
    /*margin-top: 20px;*/
    width: 140px;
    margin: 0 auto;
    font-size: 14px;
    padding-top: 10px;
}

.payment-page .countdown .value {
    display: flex;
    align-items: center;
}

.payment-page .countdown .label {
    display: flex;
    align-items: center;
}

.payment-page .countdown .value span {
    color: #333;
    font-size: 16px;
    flex: 1;
    text-align: center;
}

.payment-page .countdown .label span {
    color: #999;
    font-size: 14px;
    flex: 1;
    text-align: center;
}

.payment-page .copy-icon {
    cursor: pointer;
    font-size: 14px;
    margin-left: 7px;
    margin-bottom: 4px;
}


.tipPage {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5%;
}

.tipPage .ico {
    width: 20%;
    margin-bottom: 3%;
}

.tipPage .ico img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tipPage .tip {
    font-size: clamp(14px, 2vw, 32px);
    color: var(--yellow2);
}

.tipPage .daohang {
    display: flex;
    gap: 15px;
    padding-top: 15px;
}

.tipPage .daohang .btn {
    color: var(--white);
    background: #BA0C0C;
    padding: 3px 16px;
    cursor: pointer;
}

.tipPage .daohang a.btn {
    background: #777;
}

.tipPage .daohang .btn:hover {
    text-decoration: none;
    background: var(--yellow2);
    color: var(--black);

}


/*2025-09-30抽獎*/
.lotteryPage {
    padding: 0 15px;
}

.lotteryPage .lotteryArea {
    position: relative;
}

.lotteryPage .lotteryArea .record {
    font-size: 14px;
    background: #fc0;
    color: #000;
    padding: 2px 4px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
}

.lotteryPage .lotteryArea .title {
    font-size: 28px;
    font-weight: bold;
    color: #fc0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lotteryPage .lotteryArea .title span {
    font-size: 48px;
    color: #f00;
}

.lotteryPage .lotteryArea .grid {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 25px;
}

.lotteryPage .lotteryArea .grid .ge {
    border-radius: 12px;
    background: #000;
    border: solid 4px #966f4f;
    width: calc(33.33% - 6.666666666667px);
    overflow: hidden;
}
.lotteryPage .lotteryArea .grid .ge.active{
    border-color: #fc0;
}
.lotteryPage .lotteryArea .grid .ge:nth-child(4){
    order: 6;
}
.lotteryPage .lotteryArea .grid .ge:nth-child(5){
    order: 9;
}
.lotteryPage .lotteryArea .grid .ge:nth-child(6){
    order: 8;
}
.lotteryPage .lotteryArea .grid .ge:nth-child(7){
    order: 7;
}
.lotteryPage .lotteryArea .grid .ge:nth-child(8){
    order: 4;
}
.lotteryPage .lotteryArea .grid .ge:nth-child(9){
    order: 5;
    cursor: pointer;
}


.lotteryPage .lotteryArea .grid .ge .gen{
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    height: 0;
}
.lotteryPage .lotteryArea .grid .ge .gen img{
    width: 100%;
    height: 100%;
    position: absolute;object-fit: cover;
}


.lotteryPage .line {
    height: 1px;
    background: rgba(255, 204, 0, .2);
}


.lotteryPage .rule .title, .lotteryPage .prize .title, .lotteryPage .records .title {
    padding: 15px 0;
}

.lotteryPage .rule .title span, .lotteryPage .prize .title span, .lotteryPage .records .title span {
    font-size: 28px;
    font-weight: bold;
    background-image: linear-gradient(0deg, #c02a01, #ff8401, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.lotteryPage .rule .con {
    line-height: 34px;
    font-size: 16px;
}

.lotteryPage .prize .con table td, .lotteryPage .records .con table tbody td {
    border: solid 1px rgba(255, 204, 0, .2);
    padding: 5px 15px;
}

.lotteryPage .prize .con table tr:nth-child(odd) td, .lotteryPage .records .con table tbody tr:nth-child(odd) td {
    background: #000;
}

.lotteryPage .prize .con table tr:nth-child(even) td, .lotteryPage .records .con table tbody tr:nth-child(even) td {
    background: #32231a;
}

.lotteryPage .prize .con {
    padding-bottom: 15px;
}

.lotteryPage .records {
    padding-top: 150px;
    margin-top: -150px;
}

.lotteryPage .records .title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lotteryPage .records table thead {
    height: 34px;
    font-weight: bold;
    font-size: 18px;
    background-image: linear-gradient(#c02a01, #ff8401, #32231a);
}

.lotteryPage .records table thead td {
    padding: 5px 15px;
    border: solid 1px rgba(255, 204, 0, .2);
}

.lotteryPage .records .con .nodata {
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
}

.lotteryPage .el-dialog__wrapper:after {
    z-index: 2002;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    position: fixed;
    content: '';
    left: 0;
    top: 0;
}
.lotteryPage .el-dialog {
    max-width: 516px;
    width: 84%;
    background: none;
    z-index: 2003;
    transform: translateY(-50%);
    top: 50%;
}

.lotteryPage .el-dialog__header {
    display: none;
}

.lotteryPage .el-dialog__body {
    height: 0;
    padding: 0;
    padding-bottom: 64.72868217054%;
    position: relative;
    color: var(--white);
    background: url("../img/zjbg.png");
    background-size: cover;
}

.lotteryPage .el-dialog__body .yh {
    position: absolute;
    z-index: -1;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 96%;
}

.lotteryPage .el-dialog__body .yh img {
    width: 100%;
}

.lotteryPage .el-dialog__body .close {
    max-width: 44px;
    width: 8vw;
    position: absolute;
    left: 50%;
    top: 110%;
    cursor: pointer;
    transform: translateX(-50%);
}

.lotteryPage .el-dialog__body .close img {
    width: 100%;
}

.lotteryPage .el-dialog__body .tt {
    font-size: clamp(12px, 8vw, 50px);
    font-weight: bold;
    color: #f23b3d;
    display: flex;
    justify-content: center;
    padding-top: 2.1820359281%;
}

.lotteryPage .el-dialog__body span {
    font-size: clamp(12px, 7vw, 38px);
    display: flex;
    justify-content: center;
    padding-top: 16%;
}
.el-pagination{
    display: flex;
    justify-content: center;gap:5px;
    padding-top: 15px!important;
}
.el-pager{
    display: flex!important;gap:5px
}
.el-pager li{
    background: #4e3b32 !important;
    color: #fff!important;
}
.el-pager li.active{
    background: #fc0 !important;
    color: #000!important;
}
.el-pagination .btn-next, .el-pagination .btn-prev{
    background-color:#4e3b32 !important ;
}
.el-pagination button {
    color: #fff!important;
    background-color: #4e3b32 !important;
}
.el-pagination button:disabled {
    color: #333!important;
    background-color: #271c15 !important;
}

/*2025-11-21添加*/
.ad{
    background-color: rgba(0, 0, 0, .75);
}

.ad .container a{
    display: flex;
    align-items: center;
}
.ad img{
    width: 100%;
}
.ad.hide{
    animation: hide 1s ease-in-out both;
    overflow: hidden;
}
@keyframes hide {
    0%{
        height:var(--h) ;
    }
    100%{
        height:0 ;
    }
}


/*2025-11-26增加编辑SEO文字区域*/

.areaAdd{
    font-size: clamp(16px,1.5vw,30px);
    text-align: center;
    font-weight: bold;
    padding: 0 1em;
}
.areaAdd p{
    display: inline-block;
    margin-bottom: 1.5em;
    background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /*需要文字透明*/
    background-image: linear-gradient(45deg,#A439DB 0%, #f869ff 50%, #A439DB 100%);

}
/*.areaAdd p:first-child{*/
/*    margin-top: 1.5em;*/
/*    color: #f00;*/
/*     background-image: linear-gradient(45deg,#f60 0%,#fc0 50%, #f60 100%);*/

/*}*/
/*.areaAdd p:nth-child(2){*/
/*    color: #05C658;*/
/*    background-image: linear-gradient(45deg,#087 0%,#0f7 50%, #087 100%);*/
/*}*/
/*.areaAdd p:nth-child(3){*/
/*    color: #A439DB;*/
/*    background-image: linear-gradient(45deg,#A439DB 0%, #f869ff 50%, #A439DB 100%);*/

/*}*/

.areaAdd h1{
    font-size: clamp(20px,2.6vw,50px);
    background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /*需要文字透明*/
    background-image: linear-gradient(45deg,#f60 0%,#fc0 50%, #f60 100%);
    margin: 1.5em 0;
}