/*在这里放置全局样式*/
a{/*这个是设置a标签的默认状态去除下划线*/
    text-decoration: none;
}
a:visited{/*这个是设置a标签的访问过后的状态去除下划线*/
    text-decoration: none;
}
a:hover {/*这个是设置a标签的鼠标覆盖状态去除下划线*/
    text-decoration: none;
}
a:active{ /*这个是设置a标签的活跃状态去除下划线*/
    text-decoration:none;
}
body{ /*这个是设置整个网站主要框架及背景的地方*/
    background:#000206;
    font-size: 15px;
    /*color: #EEEEEE;*/
}
.lanj838-main{
    background: url(../images/bg.jpg) center 0 no-repeat;
    overflow: hidden;
}
a,.layui-laypage a, .layui-laypage span {
    color: #c27500;
}
.layui-table img {max-width: unset;}
pre{color:#FFF;}
dd{color:#0C0C0C;}
.lanj838-menu{
    width: 100%;
    top: 0;
    transition: height .3s;
    position: fixed;
    background: url("../images/card-bg.jpg") 0 0 repeat-x;
}
.lanj838-menu .layui-container .layui-nav-child{
    background-color: rgba(0,0,0,.8);
}
.lanj838-menu .layui-nav{background-color: unset;}
.layui-table-cell .layui-btn-primary {
    color: #EEE;
    border-color: rgba(255, 255, 255, 0.5);
}
/*超小屏幕  (手机<768px)*/
@media screen and (max-width: 768px) {
    .lanj838-menu .layui-nav{
        background-color: rgba(0,0,0,.8);
    }
}
/*大型屏幕  (桌面≥1200px)*/
@media screen and (min-width: 1200px) {
    .layui-container {width: 1250px;}
}
.layui-table {
    background-color: #22222240;
    color: #e8e8e8;
}
.layui-tab-title .layui-this {
    color: #c1c1c1;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    background-color: #ffffff05;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .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: #373737;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    /*background-color: rgb(0 0 0 / 50%);*/
    z-index: 0;
}
.layui-card{
    background: url(../images/card-bg.jpg);
    color: #EEEEEE;
}
.lanj838-top{
    color: #ffae00;
}
.layui-card-header {
    border-bottom: 1px solid #353535;
    color: #d3d3d3;
}
.layui-elem-quote {
    background: url(../images/card-bg.jpg);
    border-left: 5px solid #ffa300;
    color: #EEEEEE;
}
.layui-border-black {
    color: #c4c4c4!important;
}
.layui-btn {
    background-color: #951313;
    color: #fff;
}
.layui-btn-primary {
    background: 0 0;
    border-color: #5e5e5e;
}
.layui-btn-normal {
    background-color: #1E9FFF;
}
.layui-table-init,.layui-form-pane .layui-form-label {
    background-color: #272727;
}
.layui-table-cell a{
    transition: .5s;
}
.layui-table-cell a:hover{
    margin-left: 8px;
    color: #f11212;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #656565;
}
.home-down-btn {
    background: url(../images/down.png) center;
    font-size: 0;
    background-size: cover;
    text-indent: -9999px;
    position: static
}

.home-down-btn {
    height: 146px;
    margin-left: 1px
}

.home-down-btn span,.home-down-btn span:after {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(../images/down-font.png) center no-repeat;
    cursor: pointer;
    content: ""
}

.home-down-btn:hover {
    background: url(../images/down-on.png) center;
    background-size: cover;
}

.home-down-btn:hover span {
    -webkit-animation: icoBig 1.6s linear infinite;
    -moz-animation: icoBig 1.6s linear infinite;
    animation: icoBig 1.6s linear infinite
}

.home-down-btn:hover span:after {
    opacity: .6;
    -webkit-animation: icoBig2 1.6s linear infinite;
    -moz-animation: icoBig2 1.6s linear infinite;
    animation: icoBig2 1.6s linear infinite
}
.layui-carousel>[carousel-item]>*{
    background-color: #202020;
}
.layui-tab-title .layui-this:after {
    border-bottom-color: #656565;
}
.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-layedit, .layui-layedit-tool, .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: #656565;
}

@-webkit-keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes icoBig {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes icoBig2 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}


.sparks-sparks {
    right: -210px;
    position: absolute;
    top: 700px;
    z-index: 1;
}

.sparks {
    background-repeat: no-repeat;
    background-position: left 0 bottom 0;
    position: absolute
}

.sparks-1 {
    background-image: url(../images/sparks-1.png);
    width: 117px;
    height: 136px;
    right: 200px;
    bottom: 0;
    background-position: left 0 bottom 0;
    animation-name: sparks-1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.sparks-2 {
    background-image: url(../images/sparks-2.png);
    width: 219px;
    height: 176px;
    right: 200px;
    bottom: 30px;
    background-position: left 0 bottom 0;
    animation-name: sparks-2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: .5s;
    opacity: 0
}

.sparks-3 {
    background-image: url(../images/sparks-3.png);
    width: 438px;
    height: 281px;
    right: 100px;
    bottom: 20px;
    background-position: left 0 bottom 0;
    animation-name: sparks-3;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    opacity: 0
}

@keyframes sparks-1 {
    0% {
        right: 200px;
        bottom: 10px;
        opacity: 0
    }

    33% {
        right: 210px;
        bottom: 20px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 220px;
        bottom: 30px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 230px;
        bottom: 40px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes sparks-2 {
    0% {
        right: 210px;
        bottom: 40px;
        opacity: 0
    }

    33% {
        right: 220px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 230px;
        bottom: 60px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 240px;
        bottom: 70px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes sparks-3 {
    0% {
        right: 120px;
        bottom: 30px;
        opacity: 0
    }

    33% {
        right: 140px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 160px;
        bottom: 70px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 180px;
        bottom: 90px;
        opacity: 0;
        transform: scale(1.1)
    }
}

.Lsparks-sparks {
    left: -200px;
    position: absolute;
    top: 700px;
    z-index: 1;
}

.Lsparks {
    background-repeat: no-repeat;
    background-position: bottom 0 right 0;
    position: absolute
}

.Lsparks-1 {
    background-image: url(../images/sparks-1.png);
    width: 117px;
    height: 136px;
    right: 200px;
    bottom: 0;
    background-position: bottom 0 right 0;
    animation-name: Lsparks-1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.Lsparks-2 {
    background-image: url(../images/sparks-2.png);
    width: 219px;
    height: 176px;
    right: 200px;
    bottom: 30px;
    background-position: bottom 0 right 0;
    animation-name: Lsparks-2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: .5s;
    opacity: 0
}

.Lsparks-3 {
    background-image: url(../images/sparks-3.png);
    width: 438px;
    height: 281px;
    right: 100px;
    bottom: 20px;
    background-position: bottom 0 right 0;
    animation-name: Lsparks-3;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    opacity: 0
}

@keyframes Lsparks-1 {
    0% {
        left: 200px;
        bottom: 10px;
        opacity: 0
    }

    33% {
        left: 210px;
        bottom: 20px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        left: 220px;
        bottom: 30px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        left: 230px;
        bottom: 40px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes Lsparks-2 {
    0% {
        left: 210px;
        bottom: 40px;
        opacity: 0
    }

    33% {
        left: 220px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        left: 230px;
        bottom: 60px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        left: 240px;
        bottom: 70px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes Lsparks-3 {
    0% {
        left: 120px;
        bottom: 30px;
        opacity: 0
    }

    33% {
        left: 140px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        left: 160px;
        bottom: 70px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        left: 180px;
        bottom: 90px;
        opacity: 0;
        transform: scale(1.1)
    }
}

.layui-bg-black {
    background-color: unset!important;
    background: url(../images/card-bg.jpg);
}
.layui-nav-child {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: unset!important;
    background: url(../images/card-bg.jpg);
}
.layui-nav .layui-nav-child a{
    color:#e8e8e8;
}