@font-face {
  font-family: 'PingFang SC'; /* 自定义字体名称 */
  src: url('fonts/PingFang.ttc') format('ttc'), /* ttc格式 */
       url('fonts/PingFangMedium.otf') format('otf'); /* ttc格式 */
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体风格，如normal或italic */
}

body{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color:#fff;
  overflow-x: hidden;
  font-family: 'PingFang SC', sans-serif; /* 使用自定义字体 */
}
.cgns{
  position: fixed;
  top:40vh;
  width: 100%;
  max-width: 400px;
  height:220px;
  z-index: 9999999999;
  padding:20px;
  display: none;
}

.cgns1{
  background: gray;
  border-radius: 10px;
}


.marquee-container {
    width: 100%; /* 容器宽度为100% */
    overflow: hidden; /* 隐藏溢出的内容 */
    white-space: nowrap; /* 防止换行 */
    background: #1D2913;
    padding:5px;
    color:#E9F8DB;
}

.marquee-content {
    display: inline-block; /* 让内容在一行内显示 */
    padding-left: 100%; /* 初始位置设置为容器的右侧 */
    animation: marquee 10s linear infinite; /* 应用动画效果 */
}
@keyframes marquee {
    0% {
        transform: translate(0, 0); /* 起始位置 */
    }
    100% {
        transform: translate(-100%, 0); /* 结束位置 */
    }
}

.containers {
    width: 100%;
    max-width: 400px;
    height:100vh;
    background-color:#1B1B1B;
    text-align: center;
    overflow-y: scroll;
}
#apx{
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 8px;
background: #56B01D;
font-size:13px;
}
#bpx{
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 8px;
background: #56B01D;
font-size:13px;
}

#ays{
gap: 10px;
padding:10px 0;
border-radius: 8px;
background: #56B01D;
font-size:13px;
}

#pt1a1{
display: flex;
padding: 16px;
align-items: flex-start;
gap: 12px;
align-self: stretch;
border-radius: 12px;
background: #323232;
margin-bottom:16px;
}
#pt1a2{
  padding:0px;
}

#pt1a3{
  color:#fff;
  text-align: left;
}

.nodata4{
  margin-top:50vh;
  width:100%;
  text-align: center;
  display: none;
}


.nodata2{
  margin-top:50vh;
  width:100%;
  text-align: center;
  display: none;
}
#ptinvinfo{
  display: flex;
padding: 16px;
align-items: flex-start;
gap: 12px;
align-self: stretch;
border-radius: 12px;
border: 0.5px solid #474747;
background: #232323;
box-shadow: 2px 2px 4px 0 #00000040, -2px -2px 4px 0 #ffffff26;
}
#ninv{
  padding:0;margin:0;
  text-align: center;
 color: #ffffff;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 opacity: 0.5;
 margin:0 0 10px 0;

}
#ninv1{
    padding:0;margin:0;
 color: #ffffff;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 600;
 line-height: normal;
}
#ptinv{
padding: 16px;
border-radius: 12px;
background: #323232;
box-shadow: 4px 4px 6px 0 #000000cc inset, -4px -4px 6px 0 #ffffff40 inset;
}

#ptinv1{
  display: flex;
padding: 10px;
justify-content: center;
align-items: center;
align-self: stretch;
border-radius: 8px;
background: #56B01D;
color:#fff;
margin:10px 0;
}

.nodata3{
  margin-top:160px;
  width:100%;
  text-align: center;
  display: none;
}

.nodata1{
  margin-top:160px;
  width:100%;
  text-align: center;
  display: none;
}
.nodata{
  margin-top:160px;
  width:100%;
  text-align: center;
  display: none;
}
#dtps{
height: 20vw;
line-height: 20vw;
padding: 16px;
border-radius: 12px;
background:  url("/static/bsn/img/dabg.png");
background-size: cover; /* 覆盖整个div区域 */
background-position: center; /* 背景图居中 */
box-shadow: 4px 4px 6px 0 #000000cc inset, -4px -4px 6px 0 #ffffff40 inset;
text-align: left;
}
#lejs{

 color: #fefefe;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 text-align: left;

}

#lejs2{
  margin-top:10px;
padding: 8px 16px;
border-radius: 12px;
background: linear-gradient(0deg, #323232 0%, #323232 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
box-shadow: 4px 4px 6px 0 #000000cc inset, -4px -4px 6px 0 #ffffff40 inset;
color:#fff;
text-align: left;
}

#dat1{
  color:#fff;
  padding:0;
  text-align: center;
  font-size:13px;
}
#dat0{
  padding: 8px 0;
  border-bottom: 0.5px solid #464646;
}
#dta99{
  padding:0;text-align: center;
}
#dat2{
  color:#EAF124;
  padding:0;
  text-align: center;
  font-size:13px;
}
#lejs1{
  text-align: left;
 color: #eaf124;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 600;
 line-height: normal;

}
.ydata{
  margin-top:24px;
  width:100%;
  text-align: center;
}
.pt1{
  background: red;
}
.pdnr{
  display: inline-block;
  padding: 4px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  border-radius: 4px;
  background: #1D2913;
}

.pdnc {
 color: #ffffff;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 8px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
}


.pd1 {
 align-self: stretch;
 color: #ffffff;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}
.pd2{
 align-self: stretch;
 color: #f0f7ef;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 13px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 opacity: 0.23;
}
#tbgs{
  width: 100%;
  max-width: 400px;
  height:100vh;
  flex-shrink: 0;
  opacity: 0.7;
  background: #000;
  position: fixed;
  margin: 0 auto;
  top:0;
  z-index: 999;
  display: none;
}

#mens{
 color: #ffffff;
 font-family: "PingFang SC";
 font-size: 17px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 text-align: center;
 margin-top:70px;
 padding:12px;
}

#mens1{
  color: #ffffff;
  font-family: "PingFang SC";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  padding:12px;
}

#en{
  display: none;
  font-weight:bolder;
}

#cn{
  font-weight:bolder;
}

#container{
  padding:0;width:100%;
}


#row{
  padding:0 5px;width:100%;margin:0;
}


#bsd{
    width: 100%; /* 或者具体的宽度 */
    height: 0; /* 初始高度为0 */
    padding:0;margin:0;
    border:0;
    padding-top: 120.45%; /* 根据背景图的宽高比设置，例如16:9为56.25% */
    background-image: url("/static/bsn/img/tbg.png");
    background-size: cover; /* 覆盖整个div区域 */
    background-position: center; /* 背景图居中 */
}

#bsd1{
position: relative;
top: -420px;
text-align: left;
}
#zczx1 {
  padding-top:40px;
  padding-left:25px;
 color: #bdbdbd;
 font-family: "PingFang SC";
 font-size: 13px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}


#zczx1a{
  padding:5px;
  text-align: left;
}

#zczx1b{
  padding:5px;
  padding-right:15px;
  text-align: right;
  border-radius: 6px;
border: 1px solid #746F6F;
background: #414141;
}
#jsjz{
  color: #bdbdbd;
font-family: "PingFang SC";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
  word-wrap: break-word;
  padding:0;
}
#jsjza1{
  color: #bdbdbd;
font-family: "PingFang SC";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
word-wrap: break-word;
padding:0;
}

#jsjzb1{
  color: #bdbdbd;
font-family: "PingFang SC";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: left;
word-wrap: break-word;
padding:0;
}
#grzx{
  display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
border-radius: 12px;
background: url("/static/bsn/img/grbg.png") lightgray 50% / cover no-repeat;
box-shadow: 4px 6px 8px 0 #000000cc inset, -4px -4px 8px 0 #ffffff40 inset;
}

#jsjza{
  display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 8px;
background: #1C2915;

 color: #bbc6b6;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;

}

#grzx{
 color: #f1f8f0;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}



#zczx1c{
  padding:4px;
  padding-top:54px;
  text-align: center;
 color: #1b1b1b;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;

}
.deving1{
position: fixed;
z-index: 99999999;
width:100vw;
height:100vh;
left:0;
top:0;
text-align: center;
display: none;
}
.deving{
  display: inline-block;
  width: 160px;
  height: 160px;
  padding: 10px;
  margin-top:30vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 24px;
  background: #141416;
  padding-top:50px;
}
.gth1{
   color: #ffffff;
   text-align: center;
   font-family: "PingFang SC";
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   margin-top:4px;
}
.gth{
  display: inline-block;
  width: 36px;
height: 36px;
flex-shrink: 0;
fill: #FDA600;
color:#FDA600;
border: 2px solid #FDA600;
border-radius: 18px;
line-height: 36px;
font-weight: bolder;
font-size:28px;
}

#fgf{
   color: #ffffff;
   font-family: "PingFang SC";
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   text-align: left;
   margin-top:15px;
}

#tbb {
 height: 18px;
 align-self: stretch;
 color: #bdbdbd;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 margin:15px 0;
}

#jhzx{
  display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
border-radius: 12px;
background: #323232;
box-shadow: 4px 6px 8px 0 #000000cc inset, -4px -4px 8px 0 #ffffff40 inset;
}


#jhzx1c{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
border-radius: 12px;
background: #323232;
box-shadow: 4px 6px 8px 0 #000000cc inset, -4px -4px 8px 0 #ffffff40 inset;
overflow: hidden;
}


#tbb2 {
display: flex;
padding: 12px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 12px;
border: 1px solid #747070;
flex: 1 0 0;
color: #bdbdbd;
text-align: justify;
font-family: "PingFang SC";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20.8px;
    text-indent: 2em; /* 2个字符的宽度 */
    margin-bottom:15px;
}

#zczx {
 color: #eaf124;
 font-family: "PingFang SC";
 font-size: 15px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}
#fgf1{
  background: #fff;
  border-radius: 10px;
  height:4px;
  margin-bottom:15px;
}

.rotate-image {
animation: spin 10s linear infinite;
}

@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ctmrs{
  display: inline-block;
  position: relative;
  right:0px;
  top:0px;
  z-index: 99;
}

.ctrom {
 align-self: stretch;
 color: #c6cbd8;
 text-align: center;
 font-family: "PingFang SC";
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
}