/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: rgba(19, 23, 28, 0.91);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #565656;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #565656;
}
a {
    color: #d76440;
}
a,a:visited,a:hover,a:active{
    text-decoration:none;
}
a:hover {
    color: #9a462b;
}
pre{
    color:#ffe393;
}
body{
    width: 100%;
    background-color: #000;
    font-size: 14px;
    color: #e0e0e0;
    min-height: 100vh;
}
.lanj838-body{
    background: url(../images/bg.jpg) center top no-repeat;
    padding-top: 0 !important;
    position: relative;
    overflow: hidden !important;
}
.lanj838-menu{
    width: 100%;
    top: 0;
    transition: height .3s;
    position: fixed;
    height: 75px;
    background: url("../images/bg_nav.png") 0 bottom repeat-x;
}
@media screen and (min-width: 1200px) {
    .layui-container {
        width: 1570px;
    }
}
@media screen and (min-width: 768px) {
    .lanj838-menu .layui-nav{
        background-color:unset;
        left: 0;
    }
}
.lanj838-menu .layui-nav .layui-this:after{
    background-color:unset;
    background: url(../images/bg_nav_hover.png);
    width: 155px;
    height: 17px;
    display: block;
    position: absolute;
    /*top: 34px;*/
    left: 50%;
    transform: translateX(-50%);
    /*opacity: 0;*/
    /*transition-property: opacity;*/
    /*pointer-events: none;*/
    /*content: "";*/
}
.lanj838-menu .layui-nav .layui-nav-item a:hover{
    color:#d5ac54;
}
.lanj838-menu .layui-nav-bar{
    color:#d5ac54;
    height: 17px;
    display: block;
    background: url(../images/bg_nav_hover.png) center;
}
.lanj838-login-btn .layui-btn{
    background-color:unset;
    background: url("../images/gerenzhongxin.png") no-repeat;
    height: 52px;
    line-height: 52px;
    width: 184px;
}

main>.layui-container>.layui-row>.layui-col-xs12.layui-col-sm12{
    background: url(../images/news_bg.jpg) repeat center;
    border-radius:3px;
}
.layui-breadcrumb a, .layui-tab-title .layui-this{
    color: #e0e0e0!important;
}
.layui-breadcrumb a cite{
    color: #999!important;
}

.layui-card, .layui-table{
    background-color: unset;
}
.layui-elem-quote, .layui-card-header{
    background-color: #0e0e0ea6;
}
.layui-card-header{
    color: #e0e0e0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ffffff24;
}
.layui-elem-quote{
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 50%);
}
.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, .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: rgba(238, 238, 238, 0.3);
}
.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]{
    border-color: rgba(238, 238, 238, 0.3);
}
.layui-table {
    color:#ffd868 !important
}
.layui-form-pane .layui-form-label{
    color:#272727;
}

.layui-table-cell .layui-btn-primary {
    color: #cccccc;
    border-color: rgba(255, 255, 255, 0.3);
    background-color: unset;
}
.layui-layer.layui-layer-dialog.layui-layer-border.layui-layer-msg, .layui-layer.layui-layer-page, .layui-layer.layui-layer-dialog{
    color: #000;
}
.layui-layer.layui-layer-dialog.layui-layer-border.layui-layer-msg.layui-layer-hui{
    color: #e0e0e0;
}

/***/
.lanj838-occupation{
    height: 1000px;
    position: relative;
    display: block;
    margin-top: 0;
}
.lanj838-occupation .floating{
    position: absolute;
    left: 50%;
}
.lanj838-occupation .list[data-v-d6510a12] {
    top: 29px;
    -webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);
}
.lanj838-occupation .list .char[data-v-d6510a12] {
    box-sizing: content-box;
    border-radius: 50%;
    background: transparent;
    padding: 100px;
    width: 128px;
    height: 129px;
}
.lanj838-occupation .list .char span[data-v-d6510a12] {
    top: 206px;
    -webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);
    display: block;
    color: #dedede;
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    letter-spacing: -2px;
    text-align: center;
    text-transform: uppercase;
}
.lanj838-occupation .list .char span[data-v-d6510a12]:before {
    display: block;
    position: absolute;
    top: -22px;
    left: 50%;
    translate: -50%;
    background: #fff;
    width: 1px;
    height: 21px;
    content: "";
}
.lanj838-occupation .list .char[data-v-d6510a12]:after,
.lanj838-occupation .list .char[data-v-d6510a12]:before {
    display: block;
    position: absolute;
    pointer-events: none;
    content: "";
}
.lanj838-occupation .list .char[data-v-d6510a12]:before {
    transition-property: background, transform;
    background: transparent no-repeat 0 0;
}
.lanj838-occupation .list .char[data-v-d6510a12]:after {
    background: url('../images/006.png')
    no-repeat 0 0;
    width: 128px;
    height: 129px;
    top: 100px;
    left: 100px;
}
.lanj838-occupation .list .char[data-v-d6510a12]:hover:before {
    transform: scale(1.1);
}
.lanj838-occupation .list .char-1[data-v-d6510a12] {
    top: 450px;
    margin-left: -700px;
}
.lanj838-occupation .list .char-1[data-v-d6510a12]:before {
    background: url('../images/char_1.png')
    no-repeat 0 0;
    width: 900px;
    height: 977px;
    top: -103px;
    left: -130px;
}
.lanj838-occupation .list .char-1[data-v-d6510a12]:hover:before {
    background-image: url('../images/char_1b.png');
}
.lanj838-occupation .list .char-2[data-v-d6510a12] {
    top: 150px;
    margin-left: 150px;
}
.lanj838-occupation .list .char-2[data-v-d6510a12]:before {
    background: url('../images/char_4.png')
    no-repeat 0 0;
    width: 700px;
    height: 774px;
    top: -50px;
    left: -210px;
}
.lanj838-occupation .list .char-2[data-v-d6510a12]:hover:before {
    background-image: url('../images/char_4b.png');
}
.lanj838-occupation .list .char-3[data-v-d6510a12] {
    top: 550px;
    margin-left: 270px;
}
.lanj838-occupation .list .char-3[data-v-d6510a12]:before {
    background: url('../images/char_3.png')
    no-repeat 0 0;
    width: 700px;
    height: 674px;
    top: -81px;
    left: -100px;
}
.lanj838-occupation .list .char-3[data-v-d6510a12]:hover:before {
    background-image: url('../images/char_3b.png');
}
.lanj838-occupation .list .char-4[data-v-d6510a12] {
    top: 450px;
    margin-left: -230px;
}
.lanj838-occupation .list .char-4[data-v-d6510a12]:before {
    background: url('../images/char_2.png')
    no-repeat 0 0;
    width: 800px;
    height: 760px;
    top: -150px;
    left: -137px;
}
.lanj838-occupation .list .char-4[data-v-d6510a12]:hover:before {
    background-image: url('../images/char_2b.png');
}
.lanj838-occupation .list .char-5[data-v-d6510a12] {
    top: 160px;
    margin-left: -500px;
}
.lanj838-occupation .list .char-5[data-v-d6510a12]:before {
    background: url('../images/char_5.png')
    no-repeat 0 0;
    width: 700px;
    height: 674px;
    top: -50px;
    left: -210px;
}
.lanj838-occupation .list .char-5[data-v-d6510a12]:hover:before {
    background-image: url('../images/char_5b.png');
}
.lanj838-occupation .list .char-6[data-v-d6510a12] {
    top: 50px;
    margin-left: -205px;
}
.lanj838-occupation .list .char-6[data-v-d6510a12]:before {
    background: url('../images/char_6.png')
    no-repeat 0 0;
    width: 500px;
    height: 674px;
    top: -50px;
    left: -110px;
}
.lanj838-occupation .list .char-6[data-v-d6510a12]:hover:before {
    background-image: url('../images/char_6b.png');
}