body {
    width: 100%;
    margin: 0;
    position: relative;
    background-color: #000;
    color: #efefef;
}

a {
    color: #f72460;
}

.lanj838 {
    position: relative;
}

.text-center {
    text-align: center;
}

.lanj838-menu {
    position: fixed;
    z-index: 1000;
    margin: 0 auto;
    width: 100%;
    height: auto;
    margin-top: 0;
    top: 0;
}

.lanj838-menu .lanj838-menu-container {
    height: 60px;
    line-height: 60px;
    /*padding-bottom: 20px;*/
    border-bottom: 1px solid #ffd5c51f;
    /* margin-bottom: 10px; */
    display: flex;
}

.lanj838-menu .layui-nav .layui-nav-item {/* height: 60px; */}

.lanj838-menu .layui-nav {
    border-radius: unset;
    background-color: unset;
}

.lanj838-menu .layui-nav .layui-this:after, .lanj838-menu .layui-nav-bar {
}

.lanj838-menu .layui-nav .layui-nav-item a {
    font-size: 17px;
    color: #EEE;
    text-shadow: 0 1px 1px #ccc1ba;
}

.lanj838-menu .layui-nav .layui-nav-child {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.lanj838-menu .layui-nav .layui-nav-child a {
    color: #FFF;
}

.lanj838-menu .layui-nav .layui-nav-child a:hover, .lanj838-menu .layui-nav .layui-nav-child a:active {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #000!important;
}

.lanj838-menu .layui-nav .layui-nav-item p {
    font-size: 10px;
    text-align: center;
    line-height: 10px;
    margin-top: -16px;
    padding-bottom: 5px
}

.lanj838-menu .layui-nav .layui-nav-item dd p {
    margin-top: -5px;
}

.lanj838-menu .lanj838-menu-description {
    line-height: 30px;
    float: left;
    margin-left: 80px;
    margin-top: 10px;
}

.layui-nav-child {
    background-color: #000;
}

.lanj838-menu .layui-nav .layui-this:after, .lanj838-menu .layui-nav-bar {
}

.lanj838-menu-login {
    position: absolute;
    right: 20px;
    top: 10px;
}


.lanj838-card {
    /* min-height: 500px; */
    align-self: stretch;
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
    /* border: 1px solid #ffd5c51f; */
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

main>.lanj838-container>.layui-row>.lp-Hero-box,
main>.lanj838-container>.layui-row>.layui-col-xs12>div {
    box-shadow: 0 0 30px #FF0000;
}
main>.lanj838-container>.layui-row>.lp-Hero-box::before,
main>.lanj838-container>.layui-row>.layui-col-xs12>div::before {
    content: "";
    border: .125rem solid #0000;
    border-radius: inherit;
    background: radial-gradient(at 50% 100%, #fff 1%, #edaa5f 13%, #ff4b4b 51%, #8342fa1a 76%, #ffffff1a 96%), radial-gradient(at 45% 55%, #fff 1%, #edc15f 13%, #ff4b4b 51%, #8342fa1a 76%, #ffffff1a 96%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-position: 0 0, 0 0;
    mask-size: auto, auto;
    mask-repeat: repeat, repeat;
    mask-clip: padding-box, border-box;
    mask-origin: padding-box, border-box;
    mask-composite: exclude;
    mask-mode: match-source, match-source;
}

.lanj838-tab-card {
    overflow-x: hidden;
    /* PADDING: 15PX; */
}

.lanj838-tab-card .lanj838-icon {
    width: 22px;
    height: 22px;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    margin-right: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #db9710;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

main {
    margin-bottom: 2rem;
    position: relative;
    background: radial-gradient(92.7% 88.72% at 50% -1.19%, #ff00005c 0%, #8342fa1a 28.6%, #00000000 100%);
    border-radius: 1rem;
    /* padding: 5px; */
}

footer{
    position: relative;
}

main .active {
    display: block;
}

main>.lanj838-container {}

main .lanj838-tab {
    display: flex;
}
main .lp-Hero-box{
    border-radius: 1rem;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 5px;
}
main>.lanj838-container>.lanj838-tab>.lanj838-container>.lanj838-tab {
    /* background-color: #2c1313; */
}

main .lanj838-tab>.layui-col-md3 {
    margin-right: 10px;
}

main .lanj838-tab>.layui-col-md3, main .lanj838-tab>.layui-col-md9 {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    /* border: 1px solid #ffd5c51f; */
    padding: 0;
}

main .lanj838-tab-left {
    position: relative;
}

main .lanj838-tab-left .active {
    width: 100%;
    border-left: 3px solid #dbb810;
    background: rgb(191 44 44 / 32%);
}

main .lanj838-tab-left .lanj838-tab-left-items {
    width: 100%;
    height: 70px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ffd5c51f;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 300ms ease-out;
    /*border-left: 2px solid rgba(255, 255, 255, 0);*/
    background-size: 200% 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0) 50%);
    background-position: right bottom;
}

main .lanj838-tab-left .lanj838-tab-left-items:hover {
    background-position: left bottom;
}

main .lanj838-tab-left .lanj838-tab-left-icon>i {
    font-size: 30px;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

main .lanj838-tab-left .lanj838-tab-left-description {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

main .lanj838-tab-left .lanj838-tab-left-description>h1 {
    font-weight: 600;
    font-size: 18px;
}

main .lanj838-tab-left .lanj838-tab-left-description>p {
    color: #aaaaaa;
}

main .lanj838-tab-left .lanj838-tab-left-items:hover .lanj838-tab-left-description {
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

main .lanj838-tab-right {
    position: relative;
}

main .lanj838-tab-right .lanj-tab-right-title {
    /* height: 80px; */
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ffd5c51f;
    padding: 5px;
}

main .lanj838-tab-right .lanj-tab-right-title .lanj-tab-right-title-icon {
    padding: 10px;
}

main .lanj838-tab-right .lanj-tab-right-title .lanj-tab-right-title-icon>i {
    font-size: 40px;
}

main .lanj838-tab-right .lanj-tab-right-title .lanj-tab-right-title-text p {
    font-size: 14px;
    color: #eaeaea;
}


main .lanj838-tab-right .layui-tab {
    /* padding-top: 5px; */
    margin-top: 0;
}

main .lanj838-tab-right .layui-tab .layui-tab-item>* {
    width: 100%;
    overflow: hidden;
}

main .lanj838-tab-right .layui-tab-title {
    height: unset;
    /* width: 150%; */
    position: relative;
    border-bottom: none;
}

main .lanj838-tab-right .layui-tab-content {
    border-radius: 0px 0px 5px 5px;
    background: rgba(8, 3, 3, 0.15);
}

main .lanj838-tab-right .layui-tab-title li {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 5px 20px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #333;
    margin-bottom: 5px;
    color: #FFF;
    background-color:#0e0e0e;
    background:radial-gradient(at 50% 100%, #9f9f9f 1%, #000000 13%, #000000 51%, #0e0c0c 76%, #0e0e0e 96%), radial-gradient(at 45% 55%, #ffffff 1%, #ffffff 13%, #ffffff 51%, #ffffff10 76%, #00000015 96%)

}

main .lanj838-tab-right .layui-tab-title li.layui-this {
    border-color: #f7258500 !important;
    border-color: #f7258500 !important;
    color: #ffe502 !important;
    box-shadow: 0 0 3px rgb(255 0 0 / 61%) !important;
    background-color: #C20000 !important;
    background: radial-gradient(at 50% 100%, #ffffff5e 1%, #c80000e8 13%, #670007 51%, #4F0919 76%, #4F0109 96%), radial-gradient(at 45% 55%, #000000 1%, #000000 13%, #53020F 51%, #ffffff1a 76%, #00000021 96%) !important;
}

main .lanj838-tab-right .layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: unset;
    bottom: 0;
    box-sizing: border-box;
    pointer-events: none;
    background-size: 110% 120%;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    border-bottom: unset;
}

.lanj838-right {
    /* border: 1px solid #ffd5c51f; */
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    /* background: url(../images/webzen.png) #170f0d center center no-repeat; */
    display: none;
    /* margin-bottom: 10px; */
}

main .lanj838-title {
    color: #f2e0c3;
}

main .lanj838-text {
    color: #867567;
}

main .desc-text {
    padding: 10px;
}


.lanj838-menu .lanj838-menu-mobile {
    display: flex;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button {
    background: rgba(250, 251, 252, 0.1);
    width: 80px;
    padding: 0 1.5rem;
    height: 61px;
    align-items: center;
    transition: width .2s;
    display: flex;
    position: relative;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button>div {
    position: relative;
    cursor: pointer;
    width: 24px;
    height: 14px;
    display: inline-block;
    padding: 0;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0 auto;
    overflow: visible;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i, .lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i::after, .lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i::before {
    background-color: rgba(255, 255, 255, 0.8) !important;
    width: 24px;
    height: 2px;
    border-radius: 10px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i {
    top: 1px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    margin-top: -1px;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i::before {
    top: 6px;
    transition: opacity 0.125s 0.275s ease;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i::after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    bottom: -6px;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i::after, .lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button i::before {
    content: "";
    display: block;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button.show>div {
    margin-right: 0;
    visibility: visible;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button.show i {
    transform: translate3d(0, 6px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button.show i::before {
    transition-delay: 0s;
    opacity: 0;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button.show i::after {
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}

.lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-content a {
    font-size: 24px;
    color: #EEE;
    font-weight: bold;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-family: 'Roboto', sans-serif;
}

.main-top-mar {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.main-top-mar .logo {
    display: inline-block;
    align-content: center;
}
.main-top-mar .logo img{
    width: 100%;
}
.main-top-mar .lanj838-18 {
    display: inline-block;
    color: #EEE;
    text-shadow: 1px 1px 1px #000000;
    z-index: 1;
    margin-left: unset;
    margin-top: unset;
    position: relative;
    left: unset;
    padding: 10px;
    align-content: center;
    width: 100%;
}

@keyframes lanj838-changeImg {
    from {
        left: -50%;
    }

    100% {
        left: 150%;
    }
}

@-webkit-keyframes lanj838-greenPulse {
    from {
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 9px #000000;
    }

    50% {
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 18px #000000;
    }

    to {
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 9px #000000;
    }
}

.layui-table td, .layui-table th {
    padding: .7rem .5rem;
}

.layui-layer-content .layui-table tbody tr:hover {
    background-color: rgba(0,0,0,0.2);
}
.layui-btn, .lanj838-btn, .layui-btn-danger {
    background-color: #C20000;
    background: radial-gradient(at 50% 100%, #ffffffc2 1%, #ff0000e8 13%, #780911 51%, #4F0919 76%, #4F0109 96%), radial-gradient(at 45% 55%, #000000 1%, #000000 13%, #53020F 51%, #ffffff1a 76%, #00000021 96%);
}

.layui-btn.layui-btn-primary {
    background-color:#0e0e0e;
    background:radial-gradient(at 50% 100%, #9f9f9f 1%, #000000 13%, #000000 51%, #0e0c0c 76%, #0e0e0e 96%), radial-gradient(at 45% 55%, #ffffff 1%, #ffffff 13%, #ffffff 51%, #ffffff10 76%, #00000015 96%)
}

.layui-btn.layui-bg-green{
    background-color:#16b777;
    background: radial-gradient(at 50% 100%, #ffffff 1%, #00ff9a 13%, #00b26b 51%, #06a868 76%, #0fc57d 96%), radial-gradient(at 45% 55%, #ffffff 1%, #ffffff 13%, #ffffff 51%, #ffffff10 76%, #00000015 96%);
}

.layui-btn.lanj838-btn{
    color: #ffc40e;
}

.layui-btn.lanj838-btn.layui-btn-primary.layui-border-black{
    color: #ffffff !important;
}

.layui-border-black,.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #0e0e0e;
    color: #D5D5D5 !important;
}

.layui-btn-primary {
    color: #D5D5D5;
    border-color: rgb(182 182 182 / 50%);
    background-color: #0e0e0e;
}

.lanj838-btn:hover, .layui-btn-danger:hover, .layui-btn:hover, .layui-btn-primary:hover {
    border-color: rgba(255, 196, 14, 0.42);
    transform: scale(1.02);
    color: #FFF;
}

.layui-table-cell .layui-btn-primary {
    color: #202020;
    border-color: rgba(0, 0, 0, 0.3);
    background-color: unset;
}

.lanj838-hr {
    display: block;
    margin: 1rem;
    width: 100%;
    height: 2px;
    background: linear-gradient( to right, rgb(255 0 0 / 0%) 0%, rgb(255 0 0 / 10%) 5%, rgb(255 0 0 / 20%) 10%, rgb(255 0 0 / 30%) 20%, rgb(255 0 0 / 40%) 30%, rgb(204 0 0 / 50%) 40%, rgb(255 0 0 / 80%) 45%, rgb(255 118 0 / 100%) 50%, rgb(255 0 0 / 80%) 55%, rgb(255 0 0 / 50%) 60%, rgb(255 0 0 / 40%) 70%, rgb(255 0 0 / 30%) 80%, rgb(255 0 0 / 20%) 90%, rgb(255 0 0 / 10%) 95%, rgb(255 0 0 / 0%) 100%) center 100%
}

.layui-elem-quote,.layui-card,.layui-table {
    background-color: #131313;
    box-shadow: 0 0 1px #FFF;
}

.layui-card-header {
    color: #fdfdfd;
    font-weight: bold;
    border-bottom: 0;
    box-shadow: 0 1px 10px rgba(255, 255, 255, .15);
    background: linear-gradient(45deg, #c60000 0%, #1a1a2e 100%);
    padding: 5px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 1px solid #f0e6ff40;
    border-radius: 5px 5px 0 0;
}

.layui-tab-title .layui-this {
    color: #f2e0c3;
    font-weight: bold;
}

.layui-form-pane .layui-form-label, .layui-layer {
    color: #000;
}

.layui-layer-hui .layui-layer-content {
    color: #f2e0c3;
}

.layui-table {
    color: #fcfcfc;
    margin: 0;
}

.layui-table-cell .layui-btn-primary {
    color: #ffffff;
    border-color: rgb(255 255 255 / 46%);
    background-color: unset;
}

.layui-table tr:hover, .layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even) {
}

.layui-tab-title .layui-this:after, .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-mend, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row], .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input-split, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #ffd5c51a;
    /* border-width: 1px; */
}

.layui-table-init {
    background-color: rgba(255, 255, 255, 0.3);
}

.leftNav-item {
    position: fixed !important;
    z-index: 99999 !important;
    bottom: 15px;
!important; left: 15px !important;
}

.leftNav-item .wpa-container {
    display: inline-block;
    width: 402px;
    height: 198px;
    border-radius: 2px;
    position: relative;
    background: #fff;
    border: 1px solid #dadee7;
    font-family: "microsoft yahei";
    font-size: 14px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
}

.leftNav-item .qq-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icon-close.png) no-repeat;
    background-size: 14px 14px;
}

.leftNav-item .avatar {
    position: absolute;
    top: 26px;
    left: 26px;
    border-radius: 100%;
    width: 94px;
    height: 94px;
}

.leftNav-item .title {
    color: #0a0a0a;
    font-size: 22px;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.leftNav-item .content {
    position: absolute;
    top: 30px;
    left: 135px;
}

.leftNav-item .signature {
    color: #777;
    line-height: 24px;
    margin-top: 10px;
    width: 226px;
}

.leftNav-item .qq-btn {
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 100px;
    border-radius: 2px;
    text-align: center;
    height: 35px;
    line-height: 35px;
}

.main-box2024 {
    max-width: 1600px;
    margin: 0 auto;
}

.layui-table-view .layui-table {
    width: 100%;
}

.lanj838-tab-left-icon {
    padding: 10px;
}

@media screen and (max-width: 768px) {
    .lanj838-menu {
        background-color: rgba(0,0,0,1);
    }

    .layui-anim-downbit {
        /* height: 100vh; */
    }

    /*.main-top-mar .logo {*/
    /*    height: 120px;*/
    /*}*/
    /*.main-top-mar .lanj838-18 {*/
    /*    height: 120px;*/
    /*}*/
    .lanj838-menu {
        margin-top: 0px;
        position: fixed;
    }

    .lanj838-menu .lanj838-menu-mobile {
        height: 60px;
    }

    .header-right-button {
        margin-right: 10px;
    }

    .lanj838-menu .layui-nav {
        background-color: rgba(0,0,0,1);
    }

    .lanj838-menu .lanj838-menu-mobile-content a {
        font-size: 1.3rem;
    }

    main .lanj838-tab .layui-col-md3, main .lanj838-tab .layui-col-md9 {
        border: 0px;
        box-shadow: none;
        margin-right: 0px;
    }

    main .lanj838-tab-right .lanj-tab-right-title {
        align-items: flex-start;
        padding: 5px;
        background-color: #353535;
        margin: 5px;
        border-radius: 10px;
    }

    .lanj-tab-right-title-icon {
        align-self: center;
    }

    .lanj-tab-right-title-icon img {
        width: 58px !important;
    }

    .desc-text h4 {
        line-height: 25px;
    }

    main .desc-text {
        /* padding: 5px; */
    }

    .desc-text__text img {
        max-width: 100%;
        margin: 10px auto;
        display: block;
    }

    .desc-text__text h4 {
        margin-block-end: 2px; }

    .desc-text__text h4 img {
        width: 20px !important;
        display: inline;
    }

    .lanj838-tab-card {
        border-bottom: 1px solid #ffd5c51f;
        padding: 0px 5px;
    }

    .desc-text__text li {
        overflow: hidden;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .desc-skills__block {
        padding: 0px;
    }

    .global-desc__content-box {
        padding: 0px;
    }

    .layui-tab {
        margin-top: 0px;
    }

    .layui-tab-content {
        padding: 5px 5px;
    }

    .desc-skills__blocks {
        margin-bottom: 20px;
    }

    .desc-text__text h4 {
        line-height: 25px;
    }

    td {
        padding: 5px;
    }

    .product-selection-container {
        padding-top: 0px !important;
    }

    .pay-box .app-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .banner__container[_ngcontent-str-c59] {
        margin: 0px auto !important ;
    }

    /* rank */
    .layui-form-item .layui-input-inline {
        /* margin: 5px 0px ; */
    }

    .layui-form-item .layui-form-label {
        /* text-align: left; */
        /* padding: 5px !important; */
        /* width: auto !important; */
        /* line-height: 35px; */
        /* margin-bottom: 0px; */
    }

    .layui-form-item .layui-inline {
        height: auto !important;
    }

    .rank-page {
        width: 100%;
    }
}

.layui-laypage a[data-page] {
    color: #7a7a7a;
}


.lanj838-card.lanj838-tab-left {
    /* width: 280px; */
    background: #1a1a2e00;
    /* border-radius: 16px; */
    /* padding: 20px 15px; */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: 2px;
}

.lanj838-tab-left-items {
    display: flex;
    align-items: center;
    /* padding: 15px 12px; */
    /* margin-bottom: 8px; */
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.lanj838-tab-left-items:hover {
    background: rgb(191 44 44 / 15%);
    transform: translateX(3px);
}

.lanj838-tab-left-items.active {
}

.lanj838-tab-left-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #320000, #a30c0c);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    box-shadow: 0 0 10px rgba(123, 44, 191, 0.4);
}

.lanj838-tab-left-icon .layui-icon, .lanj838-tab-left-icon .fa {
    font-size: 20px;
    color: #ffd700;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.6);
}

.lanj838-tab-left-description {
    flex: 1;
}

.lanj838-tab-left-description h1 {
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 3px 0;
    font-weight: 600;
    transition: all 0.3s;
}

.lanj838-tab-left-items.active .lanj838-tab-left-description h1 {
    color: #ffd700;
    font-weight: bold;
    background: -webkit-linear-gradient(#FFFFFF, #F2C87E, #E68D3D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.lanj838-tab-left-description p {
    font-size: 13px;
    color: #a0a0b8;
    margin: 0;
    line-height: 1.4;
}

.lanj-tab-right-title-text {
    margin: 20px 0;
    padding-left: 15px;
    border-left: 4px solid #bf2c2c;
    position: relative;
}

.lanj-tab-right-title-text::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, #bf2c2c, #df0000, #510000);
    border-radius: 2px;
}

.lanj-tab-right-title-text strong {
    font-size: 28px;
    line-height: 1.3;
    color: #E68D3D;
    background: -webkit-linear-gradient(#FFFFFF, #F2C87E, #E68D3D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.lanj-tab-right-title-text p {
    font-size: 16px;
    color: #c3c3c3;
    margin: 5px 0 0 0;
    font-weight: normal;
    text-shadow: none;
}

.layui-table {
    background-color: #1a1a2e30 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Roboto', sans-serif;
}

.layui-table th {
    color: #ffffff;
    font-weight: bold !important;
    font-size: 15px !important;
    border: 0 !important;
    text-align: center !important;
}

.layui-table td {
    /* color: #e0e0e0; */
    border-color: rgb(191 44 44 / 20%) !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    border-width: 0;
}

.layui-table tr:nth-child(even), .layui-table[lay-even] tr:nth-child(even) {
    background-color: #a30c0c42 !important;
}

.layui-table tbody tr:hover {
    background-color: rgb(0 0 0 / 52%) !important;
    color: #dcb016 !important;
}

.mu-rule-container {
    position: relative;
}

.mu-rule-subtitle {
    color: #ffffff;
    font-size: 18px;
    margin: 10px 0 15px;
    padding-left: 10px;
    position: relative;
    font-weight: 600;
}

.mu-rule-subtitle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(180deg, #ffd700, #dcb016, #ff6838);
}

.forbid-list {
    padding-left: 30px;
}

.forbid-list li {
    margin: 10px 0;
    position: relative;
    color: #ffffff;
    transition: all 0.3s ease;
    list-style: auto;
}

.forbid-list li:hover {
    color: #ffddb6;
    padding-left: 2px;
}

.forbid-list li::before {
    /* content: ""; */
    /* position: absolute; */
    /* left: 0; */
    /* color: #9c27b0; */
    /* font-weight: bold; */
}

.punish-list, .reward-list {
}

.punish-list li, .reward-list li {
    margin: 12px 0;
    padding: 12px;
    /* background: #fff; */
    border-radius: 6px;
    border-left: 3px solid #c20000;
    transition: all 0.3s ease;
    box-shadow: 1px 0px 5px #333333;
}

.punish-list li:hover, .reward-list li:hover {
    box-shadow: 0 2px 8px 0 rgba(138, 43, 226, 0.1);
    transform: translateY(-2px);
}

.reward-list li {
    border-left-color: #c20000;
}

.mu-rule-container strong {
    color: #ffdc00;
    margin-right: 8px;
}

.mu-rule-container .mu-warning {
    color: #fff;
    background: #c20000 !important;
    /* text-align: center; */
    font-weight: bold;
    border-left-color: #7b4397 !important;
    padding: 15px !important;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .mu-rule-container {
        padding: 20px;
    }

    .mu-rule-container .mu-rule-title {
        font-size: 22px;
    }

    .mu-rule-container .mu-rule-subtitle {
        font-size: 16px;
    }
}

main .lanj838-tab-right .layui-tab-title{
    overflow: unset;
    white-space: unset;
}
main .lanj838-tab-right .layui-tab-title .layui-tab-bar{
    display: none;
}
.lanj838-home-class{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lanj838-home-class:hover{
    transform: scale(1.01);
    box-shadow: 0 0 24px rgb(239, 255, 47);
}

.lanj838-home-card {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    background: #460000 !important;
    border: none;
}

.lanj838-home-card .layui-card-body {
    padding: 30px;
    color: #e0e0e0;
}

.lanj838-home-card .lanj838-home-card-av {
    display: inline-block;
    text-align: center;
    width: 40%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lanj838-home-card .lanj838-home-card-av::before {
    content: "";
    background: linear-gradient(180deg, #bf7f2c, #a30c0c, #610000);
    position: absolute;
    width: 3px;
    height: 70%;
    left: 0;
    top: 15%;
    border-radius: 2px;
}

.lanj838-home-card .lanj838-home-card-av img {
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #bf2c2c;
    box-shadow: inset 0 0 5px rgb(255 0 0 / 78%);
}

.lanj838-home-card .lanj838-home-card-title {
    display: inline-block;
    align-content: center;
    padding-left: 20px;
    width: 100%;
}

.lanj838-home-card .lanj838-home-card-title h2 {
    font-size: 32px;
    color: #ffd700;
    font-weight: bold;
    line-height: 40px;
    background: -webkit-linear-gradient(#FFFFFF, #F2C87E, #E68D3D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.lanj838-home-card hr {
    border: 1px solid #bf2c2c;
    box-shadow: 0 0 20px rgba(123, 44, 191, 0.5);
}

.lanj838-home-card .lanj838-home-card-title p {
    color: #c3c3c3;
    font-size: 16px;
    margin: 0;
    letter-spacing: 1px;
}

.lanj838-home-card .layui-card-body > div:nth-child(2) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.lanj838-home-card .layui-card-body p {
    line-height: 1.8;
    font-size: 15px;
    margin: 8px 0;
}

.lanj838-home-card .layui-icon-rate-solid {
    color: #ffd700 !important;
    font-size: 18px;
    margin: 0 2px;
}

.lanj838-home-card .layui-icon-rate-half {
    color: #ffd700 !important;
    font-size: 18px;
    margin: 0 2px;
}

.lanj838-home-card .layui-icon-rate {
    color: #666 !important;
    font-size: 18px;
    margin: 0 2px;
}

.lanj838-home-card .lanj838-home-card-items {
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid #ffd5c51f;
    margin: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.lanj838-home-card .lanj838-home-card-items::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, #813131, #ff0000, #c20000);
}

.lanj838-tab .layui-tab-content {
    /* margin-top: 10px; */
    padding: 10px 0;
}

.lanj838-home-side-tab .layui-btn.layui-this {
    border-color: #ffffff38;
    color: #ffffff;
    background: radial-gradient(at 50% 100%, #ffffff5e 1%, #c80000e8 13%, #670007 51%, #4F0919 76%, #4F0109 96%), radial-gradient(at 45% 55%, #000000 1%, #000000 13%, #53020F 51%, #ffffff1a 76%, #00000021 96%) !important;
    font-weight: 600;
}

.lanj838-home-side-tab .layui-btn {
    width: 100%;
    display: block;
    margin: 0;
    border: 1px solid #333;
    margin-bottom: 10px;
    transition: all 300ms ease-out;
}

.lanj838-home-side-tab .layui-btn:hover {
    color: #FFF;
    transform: translateX(3px);
    background-position: left bottom;
}

.lanj838-home-side-tab-body>div {
    display: none;
}


.mu-wing-container {
    margin-bottom: 20px;
}

.mu-wing-card {
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgba(138, 43, 226, 0.08);
    border: 1px solid #9f9f9f17;
    overflow: hidden;
    transition: all 0.3s ease;
}

.mu-wing-card-header {
    background: linear-gradient(45deg, #c41616 0%, #000000 100%);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 1px solid #f0e6ff40;
    display: flex;
    align-items: center;
}

.mu-wing-card-content {
    padding: 20px;
    display: flex;
    transition: all 0.3s ease;
}
.mu-wing-card-content:hover{
    transform: scale(1.01);
    box-shadow: 0 0 16px rgb(255, 0, 0) inset;
}

.mu-wing-card-content .mu-wing-av{
    padding: 20px;
    display: flex;
    border-radius: 5px;
    border: 1px solid #333333;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    max-width: 200px;
}

.mu-wing-card-content .mu-wing-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.mu-wing-card-content .mu-wing-list li {
    padding: 10px 0;
    border-bottom: 1px solid #f0e6ff45;
    display: flex;
    align-items: flex-start;
    color: #ffffff;
    line-height: 1.8;
}

.mu-wing-card-content .mu-wing-list li:last-child {
    border-bottom: none;
}

.mu-wing-card-content .mu-wing-list li .mu-wing-label {
    flex: 0 0 100px;
    font-weight: 600;
    color: #c70000;
    margin-right: 10px;
}

.mu-wing-card-content .mu-wing-list li .mu-wing-value {
    flex: 1;
}

@media (max-width: 768px) {
    .mu-wing-container {
    }

    .mu-wing-card-header {
        font-size: 16px;
    }

    .mu-wing-card-content .mu-wing-list li {
        flex-direction: column;
    }

    .mu-wing-card-content .mu-wing-list li .mu-wing-label {
        flex: auto;
        margin-bottom: 5px;
    }
}

.layui-table tr {
    padding: 20px 0;
}

.lanj838-left-menu {
    position: fixed;
    top: 60px;
    left: 0;
    height: 100vh;
    z-index: 9999999;
    width: 280px;
    background-color: rgba(0,0,0,.95);
    box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    padding: 10px;
}

.lanj838-left-menu .layui-nav.layui-nav-tree {
    background-color: unset;
    width: 280px;
}
.lanj838-left-menu .layui-nav.layui-nav-tree .layui-nav-item {/* height: 50px; */}
.lanj838-left-menu .layui-nav.layui-nav-tree .layui-nav-child {
    top: 0;
    padding: 5px 10px;
}

.lanj838-left-menu .layui-nav.layui-nav-tree .layui-this,
.lanj838-left-menu .layui-nav.layui-nav-tree .layui-this a{
    background-color: rgb(191 44 44 / 25%);
}

.lanj838-left-menu .layui-nav.layui-nav-tree a {
    font-size: 16px;
    font-weight: 600;
}

.layui-layer-page .layui-layer-content .layui-card, .layui-layer-page .layui-layer-content .layui-elem-quote, .layui-layer-page .layui-layer-content .layui-table, .layui-layer-page .layui-layer-content .layui-table-header, .layui-layer-page .layui-layer-content .layui-table th {
    background-color: unset !important;
    color: unset;
}
@media screen and (max-width: 450px) {
}

@media screen and (max-width: 768px) {
    body {
        padding: 0;
    }

    .lanj838-menu {
        background-color: rgba(0,0,0,.8);
    }

    .lanj838-menu .lanj838-menu-container {
        height: 60px;
        line-height: 60px;
        display: block;
    }

    .lanj838-menu .layui-nav {
        background-color: rgba(0,0,0,.8);
        display: none;
    }

    .lanj838-left-menu .layui-nav.layui-nav-tree {
        display: block;
    }
    .lanj838-menu .layui-nav li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .lanj838-left-menu .layui-nav.layui-nav-tree .layui-nav-item {
        height: unset;
        line-height: unset;
    }
    .lanj838-left-menu .layui-nav.layui-nav-tree .layui-nav-item.layui-nav-itemed .layui-nav-child {
        /*height: 50px;*/
    }
    .lanj838-menu .layui-nav .layui-nav-item dd {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15)
    }

    .lanj838-menu .layui-nav .layui-nav-item dd:last-child {
        border: unset
    }

    .lanj838-menu .layui-nav .layui-nav-item p {
        display: inline-block;
        margin-left: 2rem
    }

    .lanj838-menu .lanj838-menu-mobile {
        position: relative;
        padding: 0;
        z-index: 1001
    }

    .lanj838-menu .lanj838-menu-mobile-content a {
        color: #EEEEEE;
        font-size: 1.5rem;
    }

    .lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button {
        cursor: pointer;
        display: flex;
        position: relative;
        top: 0;
        right: auto;
        padding: 0 .8rem;
    }

    .lanj838-menu .lanj838-menu-mobile-button i {
        font-size: 1.8rem;
        border-radius: .25rem;
        color: #EEEEEE;
    }

    .lanj838-menu .lanj838-download-btn-list .layui-btn {
        margin-right: .1rem
    }

    .lanj838-menu .layui-nav .layui-nav-child {
        top: 50px;
        border: unset;
        background-color: rgba(0,0,0,.8)
    }

    .lanj838-menu-login {
        display: none;
    }

    .main-top-mar {
        margin-top: 60px;
        /* display: inline-block; */
    }
    .main-top-mar .logo{
        display: none;
    }
    .main-top-mar .lanj838-18{
        display: none;
    }
    .lp-Hero-background {
        top: 200px;
    }

    main .lanj838-right {
        display: block;
    }
}

@media screen and (min-width: 768px) {

    .lanj838-menu .layui-nav {
        position: relative;
        padding: 0 15px;
        right: auto;
        display: inline-block;
    }

    .lanj838-menu .layui-nav .layui-nav-bar:hover, .lanj838-menu .layui-nav .layui-nav-bar:active, .lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-content {
        display: inline-block;
    }

    .lanj838-menu .lanj838-menu-mobile .lanj838-menu-mobile-button .layui-icon::before {
        content: "";
    }

    .lanj838-menu .layui-nav .layui-nav-item {
        line-height: 60px;
        /* margin: 0 5px; */
        /* background: linear-gradient(to bottom, #1a1a2e96, #3a0ca3d4, #7b2cbf, #3a0ca3); */
        /* background-size: auto 100%; */
        /* box-shadow: 0 2px 0 #614c2d; */
        /* -webkit-box-shadow: 0 2px 0 #614c2d; */
        /* border-radius: 2px; */
    }

    .lanj838-menu .layui-nav .layui-nav-more {
        /* margin-left: 5px; */
        /* font-size: unset; */
        /* position: unset; */
    }

    .lanj838-menu .layui-nav .layui-nav-item a {
        /* font-family: 'Philosopher', sans-serif; */
        /* font-weight: 600; */
        color: #ffffff;
        /* z-index: 1; */
        /* margin-top: 1px; */
        /* padding: 0 25px; */
        /* text-shadow: 1px 1px 0px #d5d5d59c; */
    }

    .lanj838-menu .layui-nav .layui-nav-item a:hover {
        transition: opacity 1s;
        background-color: #a0a0a036;
    }

    .lanj838-menu .layui-nav .layui-nav-child {
        top: 65px;
        border: 1px solid #ffffff14;
        /* background: linear-gradient(to bottom, #d7c4aa, #62523f, #b29e82); */
    }

    .lanj838-menu .layui-nav .layui-nav-child a {
        color: #ffffff;
        /* text-align: center; */
    }

    .lanj838-menu .lanj838-menu-mobile-content {
        color: rgba(238,238,238,.8);
    }

    .lanj838-menu .lanj838-menu-mobile-button i {
        color: #EEEEEE;
    }

    main>.lanj838-container {
        margin-top: 60px;
    }
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
    .layui-container {
        width: 1570px;
    }
}
.layui-breadcrumb>* {
    font-size: 16px;
}