body{
background-color: #221816; /* 备用背景色 */
    background-image: url(bgs.jpg?t=12s);
    background-repeat: no-repeat;
    background-size: cover; /* 或 contain 根据需求 */
    background-position: bottom center;
    background-attachment: fixed; /* 可选，使背景固定 */
    min-height: 100vh;
   
}
.wrap[data-v-44c072aa]{
    background: none;
}
.foot[data-v-7e7088c1]{
     background: none;
}
/*[data-v-44c072aa] .noticeBox {*/
/*   display: none;*/
/*}*/
.mt{
   
}
.topswiper58{
    margin-top: 90px;
}
 
 [data-v-44c072aa] .noticeBox {
    background: #452c12;
}
.noticeBox {
    background-color: #452c12;
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    border-radius: 5px;
}

.wrap .layout.mt[data-v-44c072aa]

 {
    
    margin-top: 100px;
}

.member_info {
    height: 209px;
    width: 931px;
    border: 2px solid  #86703f;
    padding: 6px;
    background: url(/assets/v3/member-bgs.png) no-repeat;
}
.member_info .infobox{
     border: 1px solid  #86703f;
     display:flex;
     height: 100%;
     padding-top: 25px;
     padding-left: 10px;
}
.member_info a{
    color:#ffe1a6;
}
.member_info .face {
    width: 94px;
    height: 94px;
    background: url(/assets/v3/facebg.png);
    overflow: hidden;
    padding: 10px;
}
.member_info .face img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.member_info .info {
    font-size: 16px;
    margin-left: 20px;
    color:#ffe1a6;
}
.member_info .bindinfo{
    margin-top: 12px;
    display:flex;
    align-items: center;
}

.member_info .bindinfo .imgs {
    margin-right: 3px;
}
.bindinfo .txt {
    margin-right: 10px;
    font-size: 12px;
}
.member_info .fuli{
    margin-top: 12px;
}
.member_info .fuli a{
    margin-right: 10px;
}
.member_info .propresbox{
    margin-top: 30px;
}
.member_info .propresbox .tit{
    display: flex;
    
    font-size: 12px;
}
.member_info .propresbox .tit span:last-child{
    margin-left: auto;
}
.member_info .propresbox .tit span:nth-child(2){
   flex: 1;
   text-align: center;
}
.member_info .propresbox .bott{
    font-size: 12px;
    text-align: center;
    
}
.money_b {
    
    margin-bottom: 30px;
    color: #ffe1a6;
   
    flex: 1;
    margin-left: 50px;
}
.money_c{
     display: flex;
      align-items: center;
    text-align: center;
}
.money_b .item {
    width: 33%;
    position: relative;
}
.money_b .amount {
    color: #ffe1a6;
    font-family: Microsoft YaHei UI;
    font-size: 36px;
    font-style: normal;
    line-height: normal;
}
.money_b .amount .unit {
    margin-left: 3px;
    font-size: 20px;
    font-weight: 400;
}
.money_b  .txt{
   margin-top: 10px;
   position: relative;
}
.money_b  .txt span{
    position: relative;
}
.money_b   .txt img{
    width: 16px; 
    position: absolute;
    top:-5px;
    margin-left:3px;
}
.money_b .item .img img{
    max-width: 100%;
}
.money_b .item .num {
    margin-top: 30px;
    font-size: 20px;
}

.money_d{
    margin-top: 30px;
    text-align: center;
    align-items: center;
    width: 100%;
}
.money_d a{
    margin-left: 20px;
    margin-right: 20px;
}
.server_info{
     height: 209px;
    width: 457px;
    border: 2px solid  #86703f;
    padding: 6px;
    margin-left: auto;
     background: #3f2d21;
}
.server_info .infobox{
     border: 1px solid  #86703f;
     display:flex;
     height: 100%;
     padding: 10px;
     align-items: center;
}
.server_info .infobox .item{
    width: 50%;
    text-align: center;
    color:#ffe1a6;
}
.server_info .infobox img{
    width: 125px;
    height: 125px;
}
.server_info .infobox p{
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.left_nav{
     border: 2px solid  #86703f;
     background: #3f2d21;
     width: 222px;
     padding-top: 20px;
     min-height: 500px;
}

.left_nav ul ,left_nav li{
    padding: 0;
    margin: 0;
   
    
}
.left_nav ul li{
   
    height: 51px;
    line-height: 51px;
     padding-left: 50px;
     font-size: 18px;
     margin-bottom: 5px;
}

.left_nav ul li.on{
    background: url(left_nav_on.png);
    height: 51px;
    color: #1d1005;
}
.left_nav ul li a{
     color:#ffe1a6;
}
.left_nav ul li.on a{
    color: #1d1005;
}
.mainbox{
    flex: 1;
    margin-left: 10px;
}
.sign_box{
     border: 2px solid  #86703f;
     background: #3f2d21;
     padding: 20px;
}
.sign_box .tit,.notice_box .tit{
    display: flex;
    border-bottom: 1px solid #997a27;
    padding-bottom: 15px;
    align-items: center;
}
.sign_box .name,.notice_box .name{
    font-size: 24px;
    font-weight: 400;
    color: #ffe1a6;
    font-family: 'alify';
}
.sign_box .tips{
    font-size: 18px;
    color: #c1af91;
    margin-top: 15px;
}
.sign_box .sign_btn{
    margin-left: auto;
}

.sign_box .sign{
    
    margin-top: 25px;
}
.sign_box .sign .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
     
  
}
.sign_box .sign .item .box{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.sign_box .sign .item .box .jf{
    position: absolute;
    color: #fffbb5;
    width: 100%;
    top:15px;
    font-size: 12px;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
}
.sign_box .sign .item img{
    
    width: 100px;
    text-align: center;
    align-items: center;
}
.sign_box .sign .item .day{
    text-align: center;
    color: #ffe1a6;
    font-size: 14px;
    width: 14%;
    margin-top: 10px;
}
.sign_box .sign .item .setp{
     text-align: center;
    color: #ffe1a6;
    font-size: 14px;
    width: 14%;
    margin-top: 5px;
    margin-top: 10px;
    position: relative;
}

.sign_box .sign .item .setp:after {
    position: absolute;
    right: 0;
    top: 16px;
    height: 1px;
    width: 162px;
    background-color: #f1a335;
    content: "";
}

.notice_box{
    margin-top: 10px;
     border: 2px solid  #86703f;
     background: #3f2d21;
     padding: 20px;
     font-size: 14px;
     color: #c1af91;

}
 .triangle-top{
     margin-left: auto;
     margin-right: auto;
     width: 15px;
    border-left:
      9px solid transparent;
    border-right:
      9px solid transparent;
  }
  .triangle-top{
    border-bottom:
      15px solid #f1a335;
  }
   .list_nav,.list_sec_nav{
       margin-top: 20px;
   }
  .list_nav a ,.list_sec_nav a{
    color: #bbb09d;
    margin-right: 10px;
    padding-bottom: 5px;
    font-family: 'alify';
    font-size: 18px;
}

.list_nav a.active,.list_sec_nav a.active {
    color: #ffe1a6;
    font-weight: 700;
    border-bottom: 2px solid #b5200d;
}

.list_sec_nav{
    margin-bottom: 20px;
    text-align: right;
}
  
  .list_box {
    border: 1px solid #bbb09d;
    margin-top: 20px;
}

.table-container{
    min-height: 400px;
}

.table-container table
 {
    width: 100%;
    border-collapse: collapse;
}


.table-container th, .table-container td {
    padding: 8px 11px;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
}
.table-container th {
    background-color: #271c15;
    color: #ffe1a6;
}

.table-container tbody tr{
    background: #2b1107;
    color:#fff;
}

.list_box .pagination
 {
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: right;
}
.pagination span{
    color:#fff;
    font-size: 14px;
}
  .list_box  .pagination button {
            padding: 3px 8px;
            margin: 0 4px;
            border: 1px solid #d9d9d9;
            background-color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }

     .list_box   .pagination button:hover {
            border-color: #b5200d;
            color: #b5200d;
        }

       .list_box .pagination button.active {
            background-color: #b5200d;
            color: #fff;
            border-color: #b5200d;
        }
        
           .list_box  .tab-content {
            display: none;
        }

        .list_box .tab-content.active {
            display: block;
        }
        .promotion .total_box{
            display: flex;
        }
        
        .promotion .sharebox{
                flex: 1;
                height: 170px;
                padding: 26px 0;
                display: flex;
                position: relative;
                margin-top: 15px;
                border-radius: 4px;
                background: #2b1107;
                box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        }
        .promotion .qrcode-content{
       
    
    margin-left: 45px;
    display: flex;
}
.promotion .qrcode{
    width: 120px;
    height: 120px;
    padding: 10px;
    background: #fff;
}
     .qrcode-content .operate {
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

 .operate span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 26px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    font-size: 15px;
    width: 144px;
    height: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
 .qrcode-content .operate span:first-child {
    background: #a61f0d;
    color: #fff;
}

 .operate span:last-child {
    background: transparent;
    border: 1px solid #f5d587;
    color: #f5d587;
}
.invite{
    height: 170px;
    padding: 26px 0;
    display: flex;
    position: relative;
    margin-top: 15px;
    border-radius: 4px;
    background: #2b1107;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.invite .item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(245, 213, 135, .1);
}
.invite .item .amount {
    color: #ff7a00;
    font-family: Microsoft YaHei UI;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 17px;
}
.invite .item  .desc {
    color: #f5d587;
    text-align: center;
    font-family: Microsoft YaHei UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 20px;
}

.solognbox{
     width:700px;
       height: 170px;
                padding: 20px 20px;
                
                margin-top: 15px;
                border-radius: 4px;
                background: #2b1107;
                box-shadow: 0 0 10px rgba(0, 0, 0, .15);
                margin-left: 20px;
                color:#fff;
}
.tips_tit{
    text-align: center;
    font-weight: 400;
    font-size: 26px;
     color: #f00;
     margin-bottom: 10px;
      font-family: 'alify';
}
 
 .solognbox .tip{
     width: 100%;
     
     
 }
 
 .solognbox .tip p{
     margin: 0;
     padding: 0;
     margin-bottom:  15px;
     font-size: 16px;
 }
  .solognbox .tip p:nth-child(1){
      color: #f5d587;
  }
  .solognbox .tip p:nth-child(2){
      margin-left: 80px;
       margin-bottom:  10px;
  }
   .solognbox .tip p:nth-child(3){
      margin-left: 160px;
      margin-bottom:  10px;
  }
   .solognbox .tip p:nth-child(4){
      margin-left: 240px;
      margin-bottom:  10px;
  }
  .desc_box{
      display: flex;
  }
 .naotu .txtbox{
      padding: 20px;
      position: relative;
      
      border-radius: 4px;
      background: #2b1107;
      border: 1px dashed #f5d587;
      box-shadow: 0 0 10px rgba(0, 0, 0, .15);
      color: #fff;
  }
   .naotu .txtbox p{
       margin: 0;
       padding: 0;
       font-size: 16px;
   }
  
  
  .promotion .ntbox{3
       height: 270px;
      padding: 26px 26px;
      position: relative;
      margin-top: 15px;
      border-radius: 4px;
      background: #2b1107;
      box-shadow: 0 0 10px rgba(0, 0, 0, .15);
      color: #fff;
  }
  
  .promotion .lc{
      text-align: center;
       color: #f5d587;
  }
    .promotion .lc span{
        border: 1px solid  #f5d587;
        padding: 5px 8px;
        border-radius: 10px;
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px;
    }
  
  .desc_box .txtbox p{
      margin: 0;
      padding: 0;
      font-size: 14px;
  }
 
 .withdrawbox{
     width:700px;
       height: 170px;
                padding: 26px 0;
                display: flex;
                position: relative;
                margin-top: 15px;
                border-radius: 4px;
                background: #2b1107;
                box-shadow: 0 0 10px rgba(0, 0, 0, .15);
                margin-left: 20px;
 }
 .withdrawbox .item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgba(245, 213, 135, .1);
}

.withdrawbox .item .amount {
    color: #ff7a00;
    font-family: Microsoft YaHei UI;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 17px;
}
.withdrawbox .item  .desc {
    color: #f5d587;
    text-align: center;
    font-family: Microsoft YaHei UI;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 20px;
}

.help-tip{
	position: absolute;
	top: -5px;
	right: -20px;
	text-align: center;
	background-color: #ffe1a6;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 18px;
	cursor: default;
}
.help-tip:before{
	content:'?';
	/*font-weight: bold;*/
	color:#3f2d21;
}
.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}
	.btn-red{
	background: url(/assets/v3/btn-red_bg.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #fffcd5;
    text-align: center;
    font-weight: 600;
     
    font-size: 16px;
    font-family: alify;
	}
		.btn-yellow{
	background: url(/assets/v3/btn-yellow_bg.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #fffcd5;
    text-align: center;
    font-weight: 600;
     
    font-size: 16px;
    font-family: alify;
	}
	a.btn-yellow:hover,a.btn-red:hover{
	      color: #fffcd5;
	}
	

.help-tip p{
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 20px;
	width: 250px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.8;
	z-index: 99;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-11px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

.newbtn {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #f5d587;
    color: #f5d587;
    font-family: Microsoft YaHei UI;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.newbtn.pr
 {
    color: #522008;
    background: linear-gradient(0deg, #f6900d .09%, #f7bf32 100.09%);
}

.newbtn-selected
 {
    flex-shrink: 0;
    font-weight: 400;
    line-height: 23px;
    position: relative;
    margin-right: 10px;
    padding: 4.5px 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #bb8f53;
    /* background: linear-gradient(180deg, #500900 0%, #a54b1c 100%); */
    background: none;
    color: #efd993;
    font-family: Microsoft YaHei UI;
    font-size: 14px;
}

a.newbtn-selected:hover,a.newbtn-selected.active{
    background: url(/assets/v3/nav_selected.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    color: #522008;
}

.newbtn-selected.large{
    width: 157px;
    height: 53px;
}
.naotu{
    position: relative;
   
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.flow-container {
   
  
   text-align: center;
   
   
   flex: 1;
   margin-left: 50px;
 
}

.flow-row {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.level {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  height: 300px;
}

.node {
  position: relative;
  padding: 6px 12px;
  background: #f5d587;
  border-radius: 5px;
  border: 1px solid #f5d587;
  font-size: 14px;
  min-width: 80px;
  text-align: center;
   color: #2b1107;
}

.node::after {
  content: '→';
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #ffffff;
}

/* 最后一列不显示箭头 */
.level:last-child .node::after {
  display: none;
}

.flow-row-bom {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  gap: 30px;
  color:#f00;
  font-size: 18px;
}


@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

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

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}