body,.new-bg{
	/*background: #27282a;*/
	/*color:#ffffff;;*/
	background-color: #27282a;
	color:#ffffff;
}
a{
	color:#c0c0c0;;
}
.footer .footer-tabs img {
    width: 53px; /* 图标宽度 */
    transform: translateY(-20px); /* 向上移动30px */
}
.ordercar-modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%; /* 占屏幕一半 */
    background: #27282a;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    border-radius: 20px 20px 0 0; /* 圆角效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform: translateY(100%); /* 初始位置移出屏幕 */
    z-index: 999999;
}
.ordercar-modal.show {
    display: block;
    transform: translateY(0); /* 显示时移入屏幕 */

    box-shadow: 0 -5px 20px rgba(218, 210, 210, 0.5);
}

.order-modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%; /* 占屏幕一半 */
    background: #27282a;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    border-radius: 20px 20px 0 0; /* 圆角效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform: translateY(100%); /* 初始位置移出屏幕 */
    z-index: 999999;
}
.order-modal.show {
    display: block;
    transform: translateY(0); /* 显示时移入屏幕 */

    box-shadow: 0 -5px 20px rgba(218, 210, 210, 0.5);
}
/* 基础样式，增加了圆角 */
.info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px; /* 增加了左右内边距以提供更好的空间感 */
    border-bottom: 1px solid #eaeaea;
    border-radius: 8px; /* 增加了圆角 */
    transition: background-color 0.3s ease; /* 添加了背景颜色渐变动画 */
}

/* 移除最后一个元素的边框，并增加一些内边距 */
.info-item:last-child {
    border-bottom: none;
    padding-bottom: 20px; /* 可选，为了视觉上的平衡 */
}

/* 为.span-margin增加了鼠标悬停时的下划线特效 */
.span-margin {
    margin: 0 5px;
    text-decoration: none;
    transition: text-decoration 0.3s ease;
}

.span-margin:hover {
    text-decoration: underline;
}

/* 增加了p标签的文本阴影 */
.info-item p {
    margin: 0;
    flex-basis: 40%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* 添加了轻微的文本阴影 */
}

/* 美化.flex-row，增加了背景渐变和阴影 */
.flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #3d3d3f, #3b3d40); /* 添加了背景渐变 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加了阴影 */
    border-radius: 8px; /* 增加了圆角 */
}

/* 使.flex-label的文本更加突出 */
.flex-label {
    white-space: nowrap;
    font-weight: bold; /* 增加了字体粗细 */
    color: #fdfdfd; /* 使文本颜色更深一些 */
}

/* 为.flex-input增加了内边距和圆角 */
.flex-input {
    flex: 0 1 auto;
    padding: 5px 10px;
    border-radius: 4px;
    background-color: #3b3d40; /* 确保背景为白色，增加对比度 */
}

/* 美化输入框，增加了阴影和圆角 */
.layui-input {
    width: 150px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.layui-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


/* From Uiverse.io by Cobp */ 
.container-card-charts {
  position: relative;
  width: 380px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255),
    rgba(255, 255, 255, 0.1)
  );
  border-radius: 32px;
  padding: 1.6px;
  box-shadow: 0 0px 80px -10px rgba(255, 255, 255, 0.15);
}
.container-card-charts::before {
  position: absolute;
  content: "";
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background-color: #777777;
  z-index: -10;
  filter: blur(70px);
}
.card-charts {
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, #1b1b1b, #000000);
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.charts-lines {
  position: relative;
  width: 100%;
  height: 100%;
}
.charts-lines i {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  height: 100%;
}
.lines {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
}
.lines span {
  width: 1.5px;
  height: 100%;
  margin: 0 18px;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.025) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.tags-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.tags-card .radio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  border-radius: 12px;
  color: #a7a7a7;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 8px;
  font-weight: 600;
  cursor: pointer;
}
.tags-card .radio:hover {
  color: #ffffff;
}
.tags-card .radio input {
  display: none;
}

.tags-card .radio .name {
  width: 100%;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  z-index: 1;
}

.tags-card .radio input:checked + .name {
  color: #ffffff;
  background: linear-gradient(15deg, #898989, #181818, #000000);
  transform: scale(1.1);
}

.tags-card .radio input:checked + .name::before {
  position: absolute;
  background-color: #212121;
  content: "";
  inset: 1px;
  z-index: -1;
  border-radius: 12px;
}

.main-texts {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  font-weight: 500;
}
.main-texts .title {
  background-image: linear-gradient(to top left, #92400e, #f9d86d, #a6a6a6);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.main-texts .change {
  background-image: linear-gradient(to right, #8e1414, #ffffff, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.charts-lines path {
  opacity: 0;
}
.card-charts svg {
  transition: transform 0.5s ease;
}
.card-charts:hover svg {
  transform: scale(1.5);
}
.icon-week path {
  animation: draw 8s ease infinite;
}
.icon-month path {
  animation: draw 8s 3s ease infinite;
}
.icon-monthsp path {
  animation: draw 8s 6s ease infinite;
}
@keyframes draw {
  0% {
    stroke-dashoffset: 1500;
    opacity: 0.8;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -1500;
    opacity: 0.8;
  }
}

.order-go-button {
    display: inline-block;
    padding: 5px 10px;
 
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}
  
.layui-tab-title {
    list-style: none; 
    display: flex; /* 使所有按钮横向排列 */
    padding: 0; /* 去掉默认的内边距 */
    margin: 0; /* 去掉默认的外边距 */
    border-bottom: 2px solid #ddd; /* 添加底部边框 */
    background-color: #202224; /* 设置背景颜色 */
}
.order-go-button:hover {  
    background-color: #45a049;  
}
.layui-col-space30 {
    margin: 28px;
}

 .xiantiao{
     cursor:pointer;
     border-bottom: 1px solid #333; 
     padding: 10px 0;
 }

  .overlay {  
    display: none;   
    position: fixed;   
    top: 0;   
    left: 0;   
    width: 100%;   
    height: 100%;   
    background-color: rgba(0, 0, 0, 0.5);   
    z-index: 999;   
}  
  
.ls_zui {  
    display: none;   
    border: 1px solid #ccc;   
    padding: 1px;   
    position: fixed;  
    background-color: #27282a;   
    z-index: 1000;   
    top: 50%;   
    left: 50%;   
    transform: translate(-50%, -50%);   
    max-width: 90%;   
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);   
  
    max-height: 50%; 
    overflow-y: auto;  /* 允许垂直滚动 */  
}
        .close-button {
            cursor: pointer; 
            color: red; 
            font-size: 14px; 
            float: right; 
        }
        

        .layui-tab-titless {
            display: flex; /* 使用 Flexbox 布局 */
            justify-content: center; /* 水平居中 */
            margin: 20px 0; /* 上下外边距 */
        }
        .layui-tab-titless button {
            background-color: #4CAF50; /* 按钮背景色 */
            color: white; /* 字体颜色 */
            border: none; /* 无边框 */
            padding: 10px 20px; /* 内边距 */
            margin: 0 10px; /* 水平间距 */
            border-radius: 5px; /* 圆角 */
            cursor: pointer; /* 手型光标 */
            transition: background-color 0.3s; /* 背景颜色渐变 */
        }
        .layui-tab-titless button:hover {
            background-color: #45a049; 
        }
        

        .content-container {
            padding: 20px; 
            max-width: 600px; 
            margin: auto; /* 水平居中 */
            background-color: #302e2e; 
            border-radius: 10px; /* 圆角效果 */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影效果 */
        }
  
.layui-nav .menu-left .layui-nav-item a,.menu-right .layui-nav-item a{
	color: #87a2cd;
}
.layui-nav .menu-left .layui-nav-item a:hover, .layui-nav .menu-left .layui-this a {
  background: #233150;
}
.post-box,.white-box,.deal-bg,.coinwin-header,.coinwin-body .layui-panel,
.coinwin-bottom,.coinwin-box,.ieo-body .layui-panel,.ieo-bottom,.ieo-oper{
	background: #27282a;
}
.left-nav{
  border-right: 1px solid #4a4a4a;
}
.layui-timeline-item:before, hr{
	background-color:#4a4a4a;
}
#banner,.box-banners{
	border-radius: 10px !important;
	background: #27282a !important;	
}
.account-body li,
.deal-top-left .layui-table thead tr,
.deal-bottom-left .layui-table thead tr,
.deal-top-center-title,
.deal-top-right-box h5,
.new-table .layui-table tr,.layui-tab-title,
.lever-bottom-left .layui-table thead tr,
.seconds-left-bottom .layui-table thead tr,
.log-table .layui-table tr{
	border-bottom: 1px solid #66e3b4;
}
.layui-table,.new-table .layui-table thead tr,
.log-table .layui-table thead tr{
	background-color: unset;
	color: #ffffff;
}
.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),
.deal-top-left .layui-table tbody tr:hover,
.deal-top-right-box .layui-table tbody tr:hover,
.lever-top-right .layui-table tbody tr:hover,
.coinwin-bottom .layui-table[lay-even] tr:nth-child(even){
  background-color: #27282a;
}
.deal-top-left .layui-table tbody .active{
	background: rgba(242, 245, 250, 0.1);
}
.coinwin-bottom .layui-table thead tr {
  background: #232a44;
}
.market .layui-tab-brief>.layui-tab-title .layui-this,
.lever-bottom-left .layui-tab-brief>.layui-tab-title .layui-this{
	color:#ffffff;;
}
.layui-input, .layui-select, .layui-textarea,
.deal-bottom-right .layui-form-item .layui-input,
.lever-bottom-right .layui-form-item .layui-input,
.coinwin-body .layui-panel .layui-input{
	background: #27282a;
	border-color:#525a75;
}
.layui-form-select dl{
	background: #27282a;
	border: 1px solid #535a75;
}
.layui-form-select dl dd.layui-this,.layui-form-select dl dd:hover {
    background-color: #233150;
}
.layui-input, .layui-select, .layui-textarea{
    background: #27282a !important;
}
.assets-bottom .layui-table tbody tr:hover, .assets-bottom .layui-table[lay-even] tr:nth-child(even){
	background: unset;
}

/*登录注册*/
.login-bg {
  background: url("../imgn/table-bg.png") no-repeat  #27282a;
    background-size: 100% 100%;
    background-size: cover;
    background-attachment: fixed;
	color:#ffffff;;
}
.login-bg .layui-input, .layui-select, .layui-textarea{
	background: #27282a;
	border-color:#525a75;
	color:#c0c4cc;
}
.login-box .v-send {
	border-left: 1px solid #535a75;
}
.info-list-box{background: rgba(42, 53, 87, 0.2);}
.form-bg{
	background: #27282a;
}
.time-range{background: #141822;border-bottom: 1px solid #303241;}
.time-range span.active{
	color:#ffffff;;
}
.depth-box{text-align: center;font-size: 14px !important;padding:10px !important;color: rgba(157, 219, 198,.5) !important;
	background-color: #27282a !important;}
.lever-top-right h5{
	border-bottom: 1px solid #4a4a4a;
}

.layui-layer-msg{color:#999 !important;}
.layui-slider{background: #9db2bd;}
.show-deal td{background: #0c2731 !important;font-size: 12px;}
.deal-price-input{background: #27282a !important;border: 1px solid #3a465e;padding-left: 8px;}
.fox-form .layui-form-radio {
	background: -webkit-linear-gradient(bottom,#282d2e,#bfc0c0);
	background: linear-gradient(0deg,#2a2a38,#9fa6b5);
	border-color: #2a2a38;
}
.fox-form .layui-form-radioed { 
	background: -webkit-linear-gradient(bottom,#2a6972,#2bd4ac);
	background: linear-gradient(0deg,rgb(33 150 243),rgb(33 150 243));
	border-color: #2196f3;
}
.play-tab{
	background-color: #27282a;
}
.seconds-right-head{
	border-bottom: 1px solid;
	padding: 10px 0 20px;
}
.user-box-img p{
	background: #85a0cb;
    line-height: 36px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
	color:#ffffff;;
	border-radius: 90px 90px 0 0;
	background-image: radial-gradient(farthest-corner at 50% 10%, #85a0cb, #292929);
}
.i5scroll-con .content {
    background-color: unset;
}
.box-shadow-a{
	box-shadow:0 10px 10px 0 rgb(10 16 23 / 40%)
}
.box-shadow-b{
	box-shadow: 0 1px 35px 0 rgb(76 202 169 / 30%);
}
.box-shadow-foot{
	box-shadow: 0 0 4px 0 rgb(41 198 157 / 25%);
}
.link-a{color: #ffffff;}
.link-b{color: #ffffff;}
.link-c{color:#6c6c6e;}
.table-span{
	width: 96%;
    height: 24px;
    margin: 0 auto;
    display: inline-block;
	color:#ffffff;
    background-color: #434446;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	font-size: 12px;
}
.table-span-list{
	width: 100%;
    height: 24px;
    margin: 10px auto;
    display: inline-block;
	color: #ffffff;
    background-color: #27282a;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	font-size: 12px;
}
.white-box,.coinwin-bottom{
    background: #27282a;
}
.coinwin-bottom .layui-table thead tr {
    background: #27282a;
    color: #66e3b4;
}
.table-tr tbody tr{
	border-top: 4px solid #232427;
	background-color: #27282a;
}

.kline-box-depth{
	background-color: unset;
}
.fox-table thead tr{
	border-bottom: 0px solid #66e3b4 !important;
}
.fox-table tbody tr{
	border-top: 1px solid #1c4f59 !important;
}
.ieo-top{
    background: unset;
}
.ieo-bottom, .ieo-oper {
    background: #27282a;
}

.ieo-show,.ieo-show-content{
    background: #27282a;
}

.ieoInfo{
    color: #ffffff;
}
.up-top {
    width: 100%;
    background: linear-gradient(#53bc9f,#009688);
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
}
.coinwin-header{
	background: #27282a;
	position: relative;
	padding:40px 5px 0 5px;
}
.coinwin-body .layui-panel{
	background: #27282a;
}
.seconds-left-bottom{
	background: #27282a;
}
.finance-box{
	padding-bottom: 15px !important;
	color:#adc9ea;
}
.finance-bg{
	background: #27282a !important;
}


    .finance-container {  
        display: flex;  
        justify-content: center;  
        align-items: center;  
        height: 150px;  
        background-color: #161515;  
    }  
    .finance-box {  
        background: linear-gradient(135deg, #ff7e5f, #feb47b);  
        border-radius: 10px;  
        padding: 20px;  
        width: 300px;  
        text-align: left;  
        color: white;  
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  
    }  
    .finance-nav .beautiful-text {  
        font-size: 20px;  
        font-weight: bold;  
    }  
    .content {  
        margin-top: 15px;  
    }  
    .mt-10 {  
        margin-top: 10px;  
        font-size: 16px;  
    }  
    .mt-10-uid {  
        display: block;  
        margin-top: 5px; /* Adjusted margin for better spacing */  
    } 





.finance-box span{font-size:18px}
.coinwin-list .layui-panel {
    background: #27282a;}

.footer p {
    color: #ffffff;
}

    
.footer .active{
    color: #2657e7;
}    

.i5scroll-con .content li a{
    color: #ffffff;
}


.left-user-box i{
    color: #FFFFFF;
}

.color-blue,.color-l-blue {
    color: #FFFFFF !important;
}

.box-bottom-a{
    border-bottom:5px solid #232427
}