/*分辨率 1920*1080 */
.mainDiv{
    width:calc(100vw - 2px);
    height:calc(100vh - 2px);
    color: #ffffff; 
 }
 .TitleDiv{ 
    float: left;
    position: absolute; 
    width:calc(100vw - 120px - 200px);
    height: 100px;
    left: 0px;
    top: 0px;
    text-align:right;
    font-size: 50px;
    padding-top: 10px;
 
}
.LogoDiv{ 
    float: left;
    position: absolute; 
    width: 300px;
    height: 100px;
    left: 20px;
    top: 20px; 
}
.timerDiv{ 
    float: left;
    position: absolute; 
    width: 100px;
    height: 100px;
    right: 20px;
    top: 10px; 
    color: white;
    font-size: 50px;
    border-radius: 300px; 
    background-color: brown;
    text-align: center;  
    box-shadow: 
  0 10px 30px rgba(0, 0, 0, 0.3),
  0 4px 12px rgba(0, 0, 0, 0.2),
  inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.timerTxtDiv{
    float: left;
    position: relative;
    width: 100px;
    height: 100px;
    display: flex;  
    align-items: center;     /* 垂直居中 */
    justify-content: center; /* 水平居中 */ 
}
 .videoDiv{ 
  float: left;
  position: absolute;
  background-color: black;
  width: 820px;
  height: 620px;
  top: 130px;
  left:calc((100vw - 4px - 820px) / 2);
    /* 圆角效果 */
    border-radius: 16px;
  
    /* 投影效果 */
    box-shadow: 
      0 10px 30px rgba(0, 0, 0, 0.3),
      0 4px 12px rgba(0, 0, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
    
    /* 背景渐变 */
    /* background: linear-gradient(135deg, 
      #000000 0%, 
      #1a1a1a 25%, 
      #2d2d2d 50%, 
      #1a1a1a 75%, 
      #000000 100%); */
      background-color:#1A2D28;
    /* 添加边框增强质感 */
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* 确保内容也有圆角 */
    overflow: hidden;
    
    /* 添加过渡动画 */
    transition: all 0.3s ease;
 }



 .PsnDiv{ 
  float: left;
  position: absolute; 
  width: 1000px;
  background-color: aquamarine;
  height:180px;
  top: 780px;
  left:40px;
  font-size: 50px;
  color: #51D276;
  text-align: right;
  background-color:#153A40;
  /* background: linear-gradient(180deg, 
      #66CC99 0%,   #617B62
      #2F8A56 50%,  
      #66CC99 100%);  */
overflow: hidden;
transition: all 1s ease;
border-radius: 16px;
padding-top: 20px;
  
/* 投影效果 */
box-shadow: 
  0 10px 30px rgba(0, 0, 0, 0.3),
  0 4px 12px rgba(0, 0, 0, 0.2),
  inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }

 

.WtSignPanel
{
    float: left;
    position: absolute;
    width: 1000px;
    height: 730px;
    top: 1000px;
    left:40px; 
    font-size: 50px; 
    color: #5F897B; 
}
.WtSignTqtz
{
    float: left;
    position: absolute;
    width: 490px;
    height: 300px;
    top: 0px;
    left:0px;
    background-color:#d2aaa2; 
    font-size: 50px; 
    color: #5F897B; 
}
.WtSignThtz
{
    float: left;
    position: absolute;
    width: 490px;
    height: 300px;
    top: 0px;
    right:0px;
    background-color: #D3E0CE; 
    font-size: 50px; 
    color: #5F897B; 
}
.WtShowDiv{
    float: left;
    position: absolute;
    width: 400px;
    height:400px;
    bottom: 0px;
    text-align: left;
    background-color: white;
    border-radius: 300px;
    left:20px;
    box-shadow: 
  0 10px 30px rgba(0, 0, 0, 0.3),
  0 4px 12px rgba(0, 0, 0, 0.2),
  inset 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 .WtShowNumDiv{
    float: left;
    position: absolute;
    width: 490px;
    height:200px;
    bottom: 90px; 
    background-color: white;
    border-radius: 50px;
    right:0px;
    text-align: center; 
    font-size: 140px;
    padding-top: 50px;
 
 }
 
 .BtnPanDiv{ 
  float: left;
  position: absolute; 
  width: 1000px;
  height:120px;
  left:40px;
  bottom:10px; 
  text-align:right;
 }
 .BtnDiv{ 
    float: right; 
    position: relative;
    width: 130px;
    height:120px; 
    background-color: white;
    text-align:center;
    margin-left: 30px;
    border-radius: 16px; 
    box-shadow: 
  0 10px 30px rgba(0, 0, 0, 0.3),
  0 4px 12px rgba(0, 0, 0, 0.2),
  inset 0 1px 0 rgba(255, 255, 255, 0.1);
   }
.BtnIcon{
float: left;position: absolute; width: 100%; height: 90px; top: 0px; left: 0px;
}
 
 
.BtnTxt{
    float: left;position: absolute; width: 100%; height: 50px; left: 0px; bottom: 0px;  text-align:center; color: #ffffff; font-size: 26px;
}
.btn_rlcj{

    background: linear-gradient(180deg, 
    #589CF9 0%,   
    #68A7FC 100%);
}
.btn_wxfw{

    background: linear-gradient(180deg, 
    #56D47B 0%,   
    #6EED94 100%);
}
.btn_qdbd{
    background: linear-gradient(180deg, 
    #54D6BA 0%,   
    #58EBC9 100%);
}
.btn_fycx{
    background: linear-gradient(180deg, 
    #F29F3F 0%,   
    #F3B165 100%);
}
.btn_wcfh{
    background: linear-gradient(180deg, 
    #EF7A63 0%,   
    #F58F7B 100%);
}


 .LogDiv{ 
  float: left;
  position: absolute; 
  width: 100vw;
  height:100px;
  bottom:160px;
  left:0px;
  text-align: left;
 }
 


 @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
  }
  
  .blink-text {
    animation: blink 1.5s infinite; /* 持续时间1秒，无限次重复 */
    /* color: red; */
  }