html {
    background: #0D1A40 !important;
    font-size: 14px;
}

body {
    background: #0D1A40 !important;
    color: #ffffff;

}



#app .bgsome {
    background: rgba(23, 27, 43, 0.28);
}

#app .nwhite {
    color: #ffffff !important;
}

#app .baselight {
    color: #ffffff70;
}

#app .basecolor {
    color: #b0b8db;
}

#app .baselight2 {
    color: #ffffff;
}

#app .bgline2 {
    background: #05102C;
}

#app .gray6 {
    color: #b0b8db;
}

#app .gray97 {
    color: #ffffff;
}

#app .gray3 {
    color: #b0b8db;
}

#app .bginput {
    background: #05102C;
}

#app .bgsend {
    background: #383f66;
}

#app .orange {
    color: #5795f1;
}

#app .bdbheader {
    border-bottom: 1px solid #111217;
}

#app .bdtheader {
    border-top: 1px solid #273344;
}

#app .bdbe9 {
    border-bottom: 1px solid #111217;
}

#app .bdte9 {
    border-top: 1px solid #111217;
}

#app .bdle9 {
    border-left: 1px solid #383f66;
}

#app .bdinput {
    border: 1px solid #383f66;
}

#app .bdrdashe9 {
    border-right: 1px dashed #383f66;
}

#app .bde9 {
    border: 1px solid #383f66;
}

#app .bdre9 {
    border-right: 1px solid #383f66;
}

#app .bdbea2 {
    border-bottom: 2px solid #383f66;
}

#app .bdlf2 {
    border-left: 1px solid #383f66;
}

#app .bdheader {
    border: 1px solid #383f66;
}

#app .bdr38 {
    border-right: 1px dashed #383f66;
}

#app .bgline {
    background-color: #252a44;
}

#app .bdt30 {
    border-top: 1px solid #303654;
}

#app .bdb30 {
    border-bottom: 1px solid #303654;
}

#app .bdrfopt25 {
    border-right: 2px solid #41506b;
}

#app .bdlfopt25 {
    border-left: 2px solid #41506b;
}

#app .bdl383 {
    border-left: 1px solid #383f66;
}

#app .bdline {
    border: 1px solid #252a44;
}

#app .bde7 {
    border: 1px solid #383f66;
}

#app .bdle7 {
    border-left: 1px solid #0BA1F840;
}

#app .bdre7 {
    border-right: 1px solid #0BA1F840;
}

#app .inputbd {
    border: 1px solid #383f66;
    -webkit-box-shadow: 0 3px 3px #383f66;
    box-shadow: 0 3px 3px #383f66;
}

#app .rebox {
    -webkit-box-shadow: 0 0 10px #4a4c54;
    box-shadow: 0 0 10px #4a4c54;
}

#app .bdlf3p {
    border-left: 3px solid #383f66;
}

#app ::-webkit-scrollbar {
    background: #0D1A40;
}

#app .bdbheader {
    border-bottom: 1px solid #273344;
}

#app .mb_ul {
    background-color: #05102C !important;
}

#app .assets .router-link-exact-active {
    background: #05102C;
    color: #357ce1;
}

#app .bgshadow {
    background-color: rgba(37, 42, 68, 0.5);
}

#app .markethover:hover {
    background: rgba(37, 42, 68, 0.5);
}

#app .el-pagination.is-background .btn-next,
#app .el-pagination.is-background .btn-prev,
#app .el-pagination.is-background .el-pager li {
    background-color: #05102C;
}

#app .bgheader {
    background: #05102C;
}

/* @media (max-width: 768px) {
    .mb_bgpart {
        background: transparent;
    }
}

@media (min-width: 768px) {
    .mb_bgpart {
        background: #05102C !important;
    }
} */


/* 新样式 */
#app .el-dropdown {
    color: #606266;
}

#app input {
    color: #fff;
}

#app input::placeholder {
    color: #ffffff50;
}

#app .bgpart {
    background: #06102C;



}

#app .bgheaderNav {
    height: 64px;
    padding: 0 100px;
    box-sizing: border-box;
    width: 100%;
    background: url('../dark/header_bg.png') no-repeat center center;
    background-size: cover;

}

#app .home-top {
    background: linear-gradient(180deg, #000, #000);
}

#app .bgpartbg {
    width: 600px;
    padding: 72px 34px 67px 32px;
    box-sizing: border-box;
    height: 554px;
    /* background: #05102C !important; */
    margin: auto;
    position: absolute;
    left: 50%;
    background: url('../dark/login_form.png') center center no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

#app .loginbg {
    height: calc(100vh - 64px);
    width: 100%;
    background: url('../dark/login_bg.png') no-repeat center center;
    background-size: cover;
}


#app .login_input_bg {
    width: 100%;
    height: 64px;
    background: rgba(6, 135, 205, 0.3);
    border-radius: 8px 8px 8px 8px;
    border: 1px solid rgba(11, 161, 248, 0.4);
    color: #FFFFFF;
    padding: 0 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

#app .login_btn {
    width: 100%;
    height: 64px;
    font-size: 20px;
    line-height: 64px;
    background: linear-gradient(180deg, #7AFFD5 0%, #36B7FE 100%);
    border-radius: 8px 8px 8px 8px;
}

#app .min_icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 12px;
}

#app .login_dsc {
    color: #ffffff90;
}

#app .bgpartbg2 {
    width: 600px;
    padding: 72px 34px 67px 32px;
    box-sizing: border-box;
    height: 748px;
    /* background: #05102C !important; */
    margin: auto;
    position: absolute;
    left: 50%;
    background: url('../dark/login_form2.png') center center no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

#app .select_login_bg {
    width: 180px;
    background: #36B7FE;
    height: 40px;
    border-radius: 24px;
    border: 1px solid #36B7FE;
    overflow: hidden;
    color: #fff;

}

#app .select_login_bg .active_login {
    background: #05102C;

}

#app input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff;

}



#app .tabmarket {
    background: url('../../static/dark/home_content_bg2.png') no-repeat center center;
    background-size: 100% 100%;

}

#app .tabmarket .cell {
    color: #fff;
}

#app .tabmarket .el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid #FFFFFF30
}

#app .tabmarket th,
tr {
    background: transparent !important;
}


#app .tabmarket td,
th.is-leaf {
    border-bottom: 1px dashed #FFFFFF30 !important;
}

#app .tabmarket .el-table tr {
    background-color: none;

}

#app .tabmarket .sort-caret.ascending {
    border-bottom-color: #fff;
}

#app .tabmarket .sort-caret.descending {
    border-top-color: #fff;

}

#app .footbg {
    width: 100%;
    height: 316px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 48px 0 24px 0;
    box-sizing: border-box;
    /* filter: brightness(50%); */
    /* background: url('../../../static/dark/footbg.gif') no-repeat center center; */
    /* background-size: 100% 100%; */
    position: relative;
    color: #fff;
}

#app .footbg .foot_back {
    filter: brightness(50%);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}


#app .trade_btn_active {
    cursor: pointer;
    height: 32px;
    padding: 0 8px;
    min-width: 80px;
    color: #36B7FE !important;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;
    background: url('../../../static/dark/trade_btn_active.png') no-repeat center center;
    background-size: cover;
}

#app .trade_btn {
    min-width: 80px;
    cursor: pointer;
    height: 32px;
    padding: 0 8px;
    color: #ffffff70;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;

}



#app .trade_buy_btn {
    cursor: pointer;
    height: 32px;
    padding: 0 20px;
    color: #ffffff70;
    line-height: 32px;
    text-align: center;
    box-sizing: border-box;

}

#app .trade_input {
    width: 100%;
    height: 40px;
    background: rgba(54, 183, 254, 0.1);
    box-shadow: 0px 0px 2px 0px rgba(121, 171, 215, 0.77);
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #36B7FE;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 16px;
}

#app .title_box {
    padding: 0 12px;
    color: #FFFFFF;
    font-size: 16px;
    height: 48px;
    background: #0A2041;
    border-radius: 8px 8px 8px 8px;

}

#app .title_box .title_box_border {
    width: 1px;
    height: 16px;
    background: #153970;
    border-radius: 0px 0px 0px 0px;
}

#app .content_boxbg {
    background: #101A34;
    border-radius: 8px 8px 8px 8px;
    padding: 11px 16px;
    color: #ffffff;
}

#app .bdinput2 {
    background: #1F253C;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
}

#app .box_content {
    background: #06102C;
    border-radius: 20px;
    overflow: hidden;
    padding: 1px;
    box-sizing: border-box;
    background-image: linear-gradient(136deg, rgba(54, 183, 254, 0.5), rgba(54, 183, 254, 0.1), rgba(54, 183, 254, 0), rgba(54, 183, 254, 0.1), rgba(54, 183, 254, 0.5));




}

#app .bdborder {
    border: 1px solid #ffffff;
    color: #fff;
}

#app .bgpart2 {
    background: #1F253C
}

#app .lcsx_d_center {
    width: 100%;
    padding: 70px 337px;
    box-sizing: border-box;
    height: 620px;
    background: url('../../../static/dark/d_center.png') no-repeat center center;
    background-size: cover;
}

#app .industry__info {
    background: #0C1F50;
}

#app .asks>div {
    background-image: linear-gradient(rgba(57, 14, 36, 1), rgba(57, 14, 36, 1));
}

#app .bids>div {
    background-image: linear-gradient(rgba(6, 58, 32, 1), rgba(6, 58, 32, 1));
}

#app .asks>div,
.bids>div {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
}

#app .asks>view {
    background-image: linear-gradient(rgba(57, 14, 36, 1), rgba(57, 14, 36, 1));
}

#app .bids>view {
    background-image: linear-gradient(rgba(6, 58, 32, 1), rgba(6, 58, 32, 1));
}

#app .asks>view,
.bids>view {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
}