:root {
    /* 主题色 */
    --bg_back_color: #1b1530;
    /* 主要背景渐变色 */
    --background_color: linear-gradient(to bottom, #3b017f, #3b017f);
    --background_color2: linear-gradient(to bottom, #1c242c, #1c242c);
    --btn_bgr_linear: linear-gradient(to bottom, #582991, #822dc5);
    /* 主题按钮色 */
    --bg_color: white;
    --btn_bgcolor: #312a44;
}
/* @font-face {
    font-family: "MyCustomFont";
    src: url("/font/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
} */
html,
body {
    /* font-family: "MyCustomFont", sans-serif; */
}
/* 主题背景色应用 */
#theme_color {
    background: var(--bg_back_color);
}
#partner-line {
    border-top: 5px solid var(--bg_color);
    border-bottom: 5px solid var(--bg_color);
    display: none;
}
#statements {
    border-bottom: 5px solid var(--bg_color);
    display: none;
}
/* 头部样式1 组件*/
#app-header1 {
    /* 头部 */
    background: #301b60;
    margin-left: 0px !important;
    padding: 0 !important;
    border-bottom: 2px solid transparent;
    /* border-bottom: 2px solid var(--bg_color); */
    /* height: 100px !important; */
}
#Icon-color {
    /* icon */
    /* color: var(--bg_color) !important; */
    display: none;
}
/* 头部按钮大盒子 */
#btn-bigbox {
    margin-top: 10px;
    width: 55%;
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* 一行两列布局 */
    gap: -10px !important; /* 盒子之间的间距 */
    margin-right: 0px !important;
    margin-left: 20px !important;
}
/* 渐变按钮可用样式 */
#left_btn_color {
    /* 头部1左按钮 */
    color: white !important;
    border: none !important;
    /* width: 110px !important; */
    /* clip-path: polygon(50% 50%, 0% 100%, 100% 100%); */
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    background: var(--btn_bgcolor) !important;
    border: 2px solid white !important;
    /* box-sizing: border-box; */
    border-radius: 0px;
    padding-right: 10px;
    position: relative;
    left: 10px;
}
#right_btn_color {
    /* 头部1右按钮 */
    color: white !important;
    border: 2px solid white !important;
    clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
    /* box-sizing: border-box; */
    border-radius: 0px;
    background: var(--btn_bgr_linear) !important;
    padding-left: 10px;
    position: relative;
    right: 10px;
}
#logo_title {
    /* 头部logo */
    width: 140px;
    height: 40px;
    margin: 0 !important;
    position: relative;
    left: 7px;
    top: 7px;
}
/* #logo_title2 {
    头部logo2
    width: 190px;
    height: 60px;
    margin: 0 !important;
    position: absolute;
    left: 0px;
    top: 0;
} */
#lang_box_bg {
    /* 多语言框 */
    background: #686377;
    border: 1px solid rgb(38, 41, 55);
    box-sizing: border-box;
    padding: 15px;
}

/* line_4 */
#line_4 {
    padding: 0;
}
#display_none {
    display: none !important;
}
/* home页面大盒子 用来更改line组件的布局 */
#home_download {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
/* m88-app-downLoad 组件 */
#app-downLoad {
    /* 整个盒子 */
    background-color: #312a44 !important;
    /* border: 1px solid var(--bg_color); */
    padding: 0;
    /* margin: 0 auto; */
    color: #686377;
    border: 2px solid #221c37 !important;
    height: 60px;
}
#downLoad-img {
    /* 左边图片 */
    width: 30px;
    height: 30px;
    margin-left: 20px;
}
#downLoad-txt {
    /* 文字 */
    color: white !important;
}
#new_line {
    color: #686377;
    display: flex;
    width: 50vw !important;
    font-size: 20px !important;
}
#line_txt {
    color: #686377;
    text-decoration: none;
    font-size: 20px !important;
}
/* active 组件 */
#active-left-btn {
    /* 上面按钮 */
    background: var(--background_color);
    color: white;
}
#active-right-btn {
    /* 下面按钮 */
    background: transparent;
    color: var(--bg_color);
    border: 1px solid var(--bg_color);
}

/* moreInfo 组件 */
#moreInfo {
    /* 整个盒子 */
    /* background: #022e22 !important; */
    padding: 10px;
    display: none;
    /* box-sizing: border-box; */
}
#moreInfo-text {
    /* 上面文字盒子 */
    background: #080d10;
    padding: 10px;
    box-sizing: border-box;
}
/* img 四周多余颜色背景 */
#moreInfo-img {
    background-color: #080d10;
    padding: 10px;
    border-radius: 10px;
}
#moreInfo-btn-box {
    /* 按钮盒子 */
    background-color: #1c242c;
}
/* 按钮渐变 可复用 */
#moreInfo-btn {
    box-shadow: 0 0 15px var(--bg_color);
    background: var(--background_color);
    color: white;
    text-align: center;
}

/* btn shaow 组件 */
#btn-shaow {
    /* box-shadow: 0 0 15px #8721FF; */
    border: 2px solid #8721ff;
    background: var(--background_color);
    color: white;
}

/* lk-input 组件*/
#lk-input {
    /* 输入框样式 */
    background: transparent;
    border: 3px solid var(--bg_color);
    font-weight: 600;
    box-sizing: border-box;
    border-radius: 10px;
}
#ipt-text {
    /* 上方字体颜色 */
    color: var(--bg_color);
}
/* login 页面 */
/*字体颜色 主要颜色，可复用  */
#jump-txt {
    color: var(--bg_color);
}
/* 提示卡片 */
#card-bg {
    background: var(--background_color2);
}
/* morinfo页面 */
/* 字体颜色 白 */
#txt-white {
    color: white;
}
/* concat us 页面 */
/* 切换tabs下面的长条 */
.one-box.active {
    color: var(--bg_color) !important;
}
/* 盒子border2px */
#box-border2 {
    border: 2px solid var(--bg_color);
}

#navBgColor {
    background: #262937;
    border-radius: 2px;
}
#nav-txt {
    color: white;
    text-align: left;
    text-decoration: underline;
}
#app-footer {
    background: var(--bg_back_color);
}
/* 代理页面 */
#thunder_partner_css {
    /* background: var(--bg_back_color); */
}

/* 第三套模板头部 */

#app-header-new{
    display: none;   
}

/* 第三套模板主页 */

#new_2theme{
    display: none;
}

/* 路由default */
#default-new {
    display: none;
}

/* 灰色about页面 */
#gray-about-new{
    display: none;
}

/* 灰色promotions页面 */
#gray-promotions-new {
    display: none;
}

/* 灰色content */
#gray-contact-new {
    display: none;
}

#gray-share-card-new {
    display: none;
}


#gray-partner-new {
    display: none;
}

#gray-moreInfo-new {
    display: none;
}

#tabs-list-new {
    display: none;
}
#gray-consent-new {
    display: none;
}
#gray-handle-new {
    display: none;
}
/* 第三套 */
#app-header-white {
    display: none;
}
#white-theme {
    display: none;
}
#default-white-new {
    display: none;
}