@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#666;}
.blue{ color:#1d7fc3;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.yellow{color:#ffe97d;}
input[type="text"],input[type="button"],input[type="submit"],textarea{-webkit-appearance:none;}
html{ font-size:.75rem;}
.menu { width:100%; position:fixed; bottom:0; left:0; z-index:9999}
.menu ul li{ background:#000; width:25%; height:3em; float:left; line-height:3em; text-align:center; box-sizing:border-box; 
display: flex;
align-items: center;   /* 垂直居中 */
justify-content: center; /* 水平居中（可选） */
}
.menu ul li img{ width:100%; position:relative;}
.menu ul li p{  width:80%; display:inline}
.menu ul li a{ color:#fff;}



.pop_bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.54);
	z-index: 10;
}
.pop_box {
	position: fixed;
	left: 0;
	top: 40%;
	right: 0;
	width: 90%;
	min-height: 210px;
	background: #fff;
	/* margin-left: -300px; */
	/* margin-top: -170px; */
	margin: 0 auto;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
	color: #A3A3A3;
	z-index: 11;
}
.pop_header {
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: linear-gradient(to top, #a10b04, #e60000);
	background-size: auto 100%;
	overflow: hidden;
	padding: 0 15px;
}
.pop_header h2{
	font-size: 24px;
	float: left;
	font-weight: normal;
}
.pop_header .close{
	float: right;
	width: 23px;
	height:23px;
	background: url(/m/images_n/x.png) no-repeat;
	margin-top: 10px;
	cursor: pointer;
}

.text_box{
	/* padding: 35px; */
	text-align: center;
}
.text_box h3 {
	font-size: 32px;
	color: #905b0f;
	font-weight: normal;
}
.text_box h2 {
	font-size: 50px;
	color: #e10800;
	line-height: 80px;
	font-weight: normal;
}
.text_box h4 {
	font-size: 28px;
	color: #905b0f;
	padding: 0 0 10px;
	font-weight: normal;	
}
.text_box p {
	font-size: 20px;
	font-family: \5b8b\4f53;
	line-height: 1.6;
}
.text_box p a {
	color: #f6b32b;
	font-family: \5b8b\4f53;
	text-decoration: underline;
	margin: 0 2px;
}

.table_list {

}
.userlist { padding: 0 50px 20px 50px; height: 500px; overflow-y:auto;}
.table_list { width: 100%; }
.table_list th, .table_list td {
	font-size: 18px;
	color: #000;
	text-align: center;
	border-bottom: 1px dashed #ddd;
	padding: 10px 5px;
}

.table_list th{
	font-weight: normal;
	color: #8D8D8D;
	text-align: center;
}

.table_list th:first-child,.table_list td:first-child {
	text-align: left;
}
.table_page {
	text-align: center;
	margin-top: 10px;
}
.table_page a {
	display: inline-block;
	background: #E5E5E5;
	color: #979797;
	padding: 0 5px;
	border-radius: 3px;
}
.table_page a.on,.table_page a:hover {
	color: #9D2800;
	font-weight: 700;
}
.ckeck_wrap {
	font-family: \5b8b\4f53;
	color: #000;
	margin-left: 30px;
}
.ckeck_wrap input{
	background: #fff;
	border: 1px solid #BFBFBF;
	border-radius: 3px;
	padding: 3px 5px;
	line-height: 20px;
}
.ckeck_wrap button {
	border: none;
	outline: none;
	width: 73px;
	height: 27px;
	line-height: 27px;
	background: url(../images/red_btn.png) no-repeat;
}
.ckeck_wrap button:hover {
	opacity: 0.8;
}

.bet_btn {
	cursor: pointer;
	display: inline-block;
	background: #F2A62B;
	width: 85%;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 22px;
	color: #fff;
	border: none;
	font-weight: normal;
	outline: none;
}
.bet_btn:hover{
	background:  #EA9D29;
}

.input {
	padding: 5px 5px;
	font-size:24px;
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	width: 80%;
}

.zhuanpan img {
	cursor: pointer !important;
}
#zhuanpan_bg {
	position: absolute;
	left: 0;
	top: 0;
}
#startbtn {
	/* position: relative; */
	z-index: 999;
}
.pop {
	position: relative;
	z-index: 9999;
}
.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 30px;
}
.ml30 {
	margin-left: 30px;
}
.ml20 {
	margin-left: 20px;
}
.w750 {
    width: 750px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #a90000;
    min-height: 100%;
    padding-top: 167px;
}


@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}
@media screen and (
	min-width:801px){ body{width:430px;margin:auto;}
	.menu {
    	bottom: 0;
        z-index: 9999;
        position: fixed;
        left: 0;
        right: 0;
        width: 430px;
        margin: 0 auto;
        text-align: center;
}
.pop_box {
	width: 450px;
}
}
.wrap{ width:96%; margin:auto;overflow:hidden; }
body{
  color:#fff;
  font-family:microsoft yahei;
  font-size:14px;
  background: #550c00;
  overflow-x:hidden;
  padding-bottom:6.5em;

  /* background: #4e0e04 url(../images_n/bg.jpg)  center no-repeat; */
  }

/* 卡片式容器，替换原来的<dl> */
    .rules-card {
        /* background: rgba(0, 0, 0, 0.3);  */
        border-radius: 12px;
        padding: 20px 30px;
        /* border: 1px solid rgba(255, 255, 255, 0.1); */
        /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); */
		text-align: justify;
    }
    
    /* 内容块，用于分隔每个部分 */
    .content-block {
        margin-bottom: 25px;
    }
    .content-block:last-child {
        margin-bottom: 0;
    }

    /* 统一的H3标题样式 */
    .content-block h3 {
        font-size: 24px; /* 字体稍大 */
        color: #ffe97d; /* 使用您原来的高亮黄色 */
        font-weight: 700;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(255, 233, 125, 0.2);
        display: flex;
        align-items: center;
    }

    .content-block h3 .icon {
        margin-right: 12px;
        font-size: 20px;
    }

    /* 统一的段落和列表样式 */
    .content-block p, 
    .content-block li {
        font-size: 16px;
        line-height: 1.8;
        color: #e0e0e0; /* 柔和的白色文字 */
    }

    .content-block ul {
        list-style: none;
        padding-left: 0;
    }

    .content-block li {
        position: relative;
        padding-left: 22px; /* 为图标留出空间 */
        margin-bottom: 12px;
    }

    /* 给列表项加上漂亮的图标 */
    .content-block li::before {
        content: '\f058'; /* Font Awesome 对勾图标 */
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 6px;
        color: #ffe97d; /* 使用高亮黄色 */
        font-size: 14px;
    }
	
@font-face {
  font-family: "iconfont";
  src: url(../css/iconfont.ttf) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
     font-size: 20px;
    padding-right: 0.3rem;
}
.rules-card ul li {
  list-style: none; /* 去掉默认的点 */
  position: relative;
  padding-left: 24px; /* 给对勾留空间 */
}

.rules-card ul li::before {
  content: "\e734"; /* 对应 check-circle */
  font-family: "iconfont";
  position: absolute;
  left: 0;
  top: 2px;
  color: #faea8b; /* 绿色对勾 */
  font-size: 16px;
}



.icon-check-circle:before { content: "\e734"; }
.icon-paper-plane:before { content: "\e7e7"; }
.icon-clipboard-list:before { content: "\e9de"; }
.icon-triangle-exclamation:before { content: "\eb3f"; }


.header{height:60px; line-height:60px; background:#000;  padding:5px 0;}
.header .menu ul li{ float:left; font-size:16px; margin:0 0 0 30px;}
.header img{  height:60px;display:block; margin:0px auto 0;}
.banner{  width:100%; background:url(../images_n/beijing_01.png?v=2025082501) no-repeat center 0px; background-size:100%; overflow:hidden}
.zhuan{
    margin: 235px auto 0;
    position: relative;
    margin-bottom: 20px;
    }
.zhuan .zhuancon{ width:100%; margin:auto;    text-align: center; }
.zhuan .zhuancon img.zp{ width:95%;}
.zhuan .zhuancon img.button{ width:25%; position:absolute; top:52%; left:50%; margin-left:-12.5%;margin-top:-20%; cursor:pointer}

.bot{ text-align:center; line-height:150%; margin:.5rem auto 0;}
.home1,.home2,.home3{overflow:hidden;padding:0px 0px 20px;border-radius: 1rem;margin:1rem auto 0;  /* 猩红半透明 */border: 1.5px solid rgba(255, 215, 0, 0.9);  /* 金色边框 */  /* 金色半透明 */  /* 黑色半透明 */  /* 白色边框 */color: #fff;
	background: #2e000061;
	.article-box {background: #8a0e00; /* 深红，比背景稍亮 */border: 2px solid rgba(255,215,0,0.6); /* 金色半透明 */border-radius: 10px;padding: 20px;color: #fff;box-shadow: inset 0 0 10px rgba(255,215,0,0.2);
};.article-box {background: #8a0e00; /* 深红，比背景稍亮 */border: 2px solid rgba(255,215,0,0.6); /* 金色半透明 */border-radius: 10px;padding: 20px;color: #fff;box-shadow: inset 0 0 10px rgba(255,215,0,0.2);
};}

.n_home1 {background: url(../images/zhongjiangbeijingg_02.png) no-repeat center 0px;width: 100%}

.title {
  text-align:center;
  padding:1rem  2% .5rem;
  /* background: #880000; */
  width:100%;
  /* background: linear-gradient(135deg, rgb(220 20 60 / 20%), rgb(178 34 34 / 34%)); */
  }
.title img{ width:60%}
.home3 dl{ width:96%; margin:auto;
	/* box-shadow: inset 0px 10px 20px -15px #000; */
	padding: 2%;text-align: justify;}
.home3 dl dt{color:#ffe97d; font-size:1.25rem; margin:1rem 0 0 0; line-height:150%;}
.home1 .title{  width:96%}
a.tancon1{ color:#333; padding:0 2%; margin:1rem auto; display:block; text-align:center;margin-bottom:0rem;}
a.tancon1 img{ width:60%;}
.home1 #scrollDiv{ overflow:auto; margin:1rem auto 0; width:96% ;box-shadow: inset 0px 10px 20px -15px #000;background:#880000; }
.home1 .scrollText{width:100%; margin:0px auto 0; height:200px; min-height:25px;   overflow:hidden;padding-top:20px}
.home1 .scrollText li{height:28px;line-height:28px;   overflow:hidden;  border-bottom:1px dashed #880000;padding-left:30px}
.home1 .scrollText li span{ float:left}
.home1 .scrollText li span.span2{ margin:0 0 0 0px;  display:block; float:right; width:25%   }
.home1 .scrollText li span.span1{ margin:0 0 0 0; display:block; float:left; width:35%   }
.home1 .scrollText li span.span3{width:40% }
.cjtj { width:93%; padding:2%; margin:2% auto;box-shadow: inset 0px 10px 20px -15px #000}
.cjtj p.yellow{ font-size:1.2rem;}
.home2 .picMarquee-left{ overflow:hidden; width:96%; position:relative; height:100px; margin:20px auto 0;}
.home2 .picMarquee-left .bd{ margin:0px auto 0; }
.home2 .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.home2 .picMarquee-left .bd ul li{ width:49.5%; margin:0 0px 0 .5%;   float:left; _display:inline; overflow:hidden; background-color: #181313;box-shadow: 1px 1px 1px #000 }
.home2 .picMarquee-left .bd ul li:hover {background-color: #282020;}
.home2 .picMarquee-left .bd ul li .pic{ text-align:center;width:100%; }
.home2 .picMarquee-left .bd ul li .pic img{ width:100%; height:100px; display:block;   }
.home2 .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.home2 .picMarquee-left .bd ul li .title{ line-height:24px;   }
.home2 .picMarquee-left .bd ul li .star{ background:url(../images/star.png) right center no-repeat; width:65px; display:block; height:30px; margin:0 2% 0 0;}
.home2 .picMarquee-left .bd ul li  p{  height:30px;line-height:30px; text-indent:2%; overflow:hidden}

.tantit1,.tantit2,.tantit3,.tantit4,.tantit5{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;z-index:9999; }
.tantit1.visible1,.tantit2.visible2,.tantit3.visible3,.tantit4.visible4,.tantit5.visible5 {opacity: 1;visibility: visible;}
.tancontent  {position: relative; overflow:hidden;width:90%;margin:18px auto 0;   background:#580000e3; border-radius:20px;top: 20%; }
.tantit-close{ position: absolute;right:20px;top:15px; z-index: 10;width:13px;height:13px; display: block; background: url(../images/close.png);}
.tantit-close:hover{ background-position:0 -13px;}
.tantit2 .tancontent,.tantit5 .tancontent{background:#fff }
.tancontent .tit2{ height:40px; text-align:center; font-size:18px;  margin:0px auto 0; width:100%;  line-height:40px;  background: linear-gradient(to top, #790b00, #ed243d); color:#fff000;color: #fffe85;
    font-weight: bold;}
.tancontent .logo{ margin:50px auto 0; display:block; width:230px; height:75px}
.tancontent .gdcon{ padding:5%;  }
.tancontent .gdcon .form_box{ line-height:30px;}
.tancontent .gdcon .form_box input{ height:28px; line-height:28px; border:0; padding:0 5px;}
.tancontent .gdcon .form_box input[type="button"]{
	    background: linear-gradient(to top, #ffd300, #fff600);
	
	font-family:microsoft yahei; margin:1px 0 0 5px; cursor:pointer; font-size:14px; padding:0 10px; height:30px; border-radius:5px;}
.tancontent .gdcon .form_box input[type="button"]:hover{     background: linear-gradient(to top, #790b00, #d3041d); color:#fff600}
.tancontent .content table{  width:100%; border-collapse:collapse; margin:20px auto 0;}
.tancontent .content table th{     background: linear-gradient(to top, #790b00, #ed243d);}
.tancontent .content table td,.tancontent .content table th{border:1px solid #880000;  padding:5px; text-align:center;}
.page{ text-align:center; font-size:12px; margin:10px auto 0;}
.page a,.page span{ display:inline-block; padding:3px 8px; margin:0 5px; background:#880000; color:#fff;}
.page a:hover,.page span.cur{ background:#f91301; color:#fff;}
.n_logo{width:240px;margin:0 auto;text-align: center;}
.n_logo img{width:80%;margin-top:22px;}
@media screen and (max-width:414px) {  .zhuan{ margin:270px auto 0; padding-bottom: 20px;}}
@media screen and (max-width:350px) { 
	.n_logo img{margin-top:25px;width: 70%}
 	.zhuan{ margin:220px auto 0; padding-bottom: 20px;

 }
}
.aui_content{color:#fff;}
#login-na{width:150px}

.pretty-input {
  max-width: 150px;
    padding: 2px 2px 2px 8px;
    font-size: 15px;
    height: 30px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    outline: none;
    transition: all 0.3s ease;
}

.pretty-input:focus {
  border-color: #f39c12;
  box-shadow: 0 0 8px rgba(243, 156, 18, 0.6);
  background-color: #fffdf5;
}