@import url(@.css); 
@import url(r-css.css); 
@import url(fonts.css); 
@import url(../iconfont/iconfont.css); 
::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    background: hsla(146, 100%, 84%, 0.6);
}
::-webkit-scrollbar-track {
  border-radius: 0;
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(23, 121, 96, 0.4);
  transition: all .2s;
  border-radius: .5rem;
}

:root{
  --nr-color: #7a7a7a;
  
  --bt3-font-size: 3rem;
  --bt-font-size: 2rem;
  --bt-font-size-1-5: 1.5rem;
}

body {margin: 0;  padding: 0;  box-sizing: border-box;  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;  overflow-x: hidden;  min-height: 100vh;}

* {color: #54595f; box-sizing: inherit; list-style: none; text-decoration: none; margin: 0; padding: 0; transition: all 0.2s;}

*:hover{transition: all 0.2s;}
.hover-top:hover{transform: translateY(-15px);}

/* ul{margin: unset; padding: unset; display: unset;} */
img{object-fit: cover;}
p{padding: unset; margin: unset;}
ul{margin: 0; padding: 0;}

.renteng {
  font-family: "renteng" !important;
  font-size: 16px; font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.renteng-icon {
  vertical-align: -0.15em; fill: currentColor;
  overflow: hidden;
}

table{width: 100% !important; border-collapse: collapse; margin: 0 auto; text-align: center;}
table td, table th{border: 1px solid #cad9ea;}

a,a:hover,a::before,li:hover,li::before,li,i,h1,h2,h3,h4,span,div,div::before,div:hover,img,strong,p,b,::after,::before,header
{
  box-sizing: border-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;  
}

.D-flex{display: flex;}
::-moz-selection{background:#3d3c81;color: #fff;} 
::selection {background:#3d3c81; color:#fff;} 
.text-lddq{text-align:justify;}/*文字两端对齐*/
.grid-quchong{margin: 0 0 -1px -1px;}/*去网格周边重叠线条*/
.img-auto{width: auto; height: auto; max-width: 100%; max-height: 100%;}/*图片自适应*/

.relative{position: relative;}
.relative::before{position: absolute; content: '';}
.relative::after{position: absolute; content: '';}
.absolute{position: absolute;}
.absolute::after{content: '';}
.absolute::before{content: '';}

.Nr-huanheng
{
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    visibility: visible;
    overflow: hidden;
    padding: unset;
} 
.Nr-huanheng p{display: contents;}
.Nr-3h{-webkit-line-clamp: 3;}
.Nr-5h{-webkit-line-clamp: 5;}

.BtDanhang
{
    width: 100%; 
    display: block; 
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

#allmap{width: 100%; height: 50vh;}

.SLimg{height: 20vh; border-radius: 3px 3px 0 0; overflow: hidden;}
.SLimg > a{width: 100%; height: 100%; background-repeat: no-repeat; background-position:  center center; background-size: cover,24px 24px; background-color: #f5f5f5; display: block;}


.max-font{font-size: calc(1em + 1.5vw); line-height: 1.5em;}
.zc-font{font-size: calc(1em + 1vw); line-height: 1.5em;}

.GDwz{position:sticky; position:-webkit-sticky;}
.GDwz-shuzi{top: 20px;}

.nx-anniu{display: flex; justify-content: space-around;}
.nx-anniu > .shang{}
.nx-anniu > .xia{}
.nx-anniu a,.nx-anniu a:hover{color: #333;}




/* 临时的
只给span标签添加动画效果 - 优化渐变过渡 */
/* 
.bt p span {
  background: linear-gradient(45deg, #0262bf 10%, #0262bf 30%, #FFD700 50%, #7cc322 70%, #7cc322 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s ease-in-out infinite;
}
@keyframes shine {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
} 
*/


/* 简单版本的五角星（使用clip-path） */
/* .star-simple {width: 50px; height: 50px; background-color: #FFD700;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); display: inline-block;} */


/* 视频播放按钮样式 */
.play-button {width: 80px; height: 80px; border-radius: 50%; background-color: rgba(114, 19, 19, 0.8); display: flex; align-items: center; justify-content: center; cursor: pointer; 
transition: all 0.3s ease; border: 3px solid white; 
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden;}
.play-button:hover {background-color: rgba(114, 19, 19, 1); 
transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.play-icon {width: 0; height: 0; border-style: solid; 
border-width: 15px 0 15px 25px; margin-left: 5px;
border-color: transparent transparent transparent white; }
/* 视频弹窗样式 */
.video-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); 
z-index: 1000; align-items: center; justify-content: center; 
padding: 10px;}
.video-content {position: relative; max-width: 900px; width: 100%; 
max-height: 80vh; background-color: #111; border-radius: 8px; 
overflow: hidden; animation: modalFadeIn 0.3s ease;}
@keyframes modalFadeIn {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
.close-button {position: absolute; top: 15px; right: 15px; color: white; font-size: 30px; font-weight: bold; cursor: pointer; z-index: 1001; background-color: rgba(0, 0, 0, 0.5); width: 40px; 
height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.close-button:hover {background-color: rgba(255, 0, 0, 0.7);transform: scale(1.1);}
.video-container {width: 100%; height: 0; 
padding-bottom: 56.25%; /* 16:9 比例 */ 
position: relative;}
.video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}

/* 按钮样式 */
.button-01{padding: 20px 40px; background-color: #f1f1f1; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 5px;}
.button-01 i{font-size: 1.5rem;}
.button-01:hover{background-color: #fde047; transform: translateY(-6px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);}